728x90 반응형 BODYLIKE Project4 BODYLIKE Project 회고록 BODYLIKE Project 란? https://youtu.be/_TEbHw0EREg 👆 시연영상 링크 개발기간 2022년 8월 16일 ~ 2022년 8월 25일 (10일) 팀 코너 (Team coner) 프론트엔드 개발자 : 최규선, 조은지, 조민재 백엔드 개발자 : 이지현, 백민석 기술 스택 프론트 엔드 : React / React Router / SASS 백엔드 : node.js / MYSQL / express / NODEMON / JSONWEBTOKENS / Postman 커뮤니케이션 : Slack, Trello, google SpreadSheet Editor (API 명세서) 프로젝트 설명 Wecode 36기 1차 프로젝트 BODYLIKE 바디 용품 커머스 사이트 '바디럽'(https://bo.. 2022. 8. 27. BODYLIKE 상세 페이지 구현 👆 상세 페이지 구현 움짤 BODYLIKE project 총 5명이서 구성된 Team coner ( FE : 3, BE : 2 )에서 2주간 오로지 학습용으로 bodylike를 구현했습니다. 그 중 로그인, 회원가입 창 / 상세 페이지를 맡았습니다. 상세 페이지 창 구현한 기능 상품 정보 옆 리뷰 버튼 누르면 하단 리뷰로 슬라이드 상품 카운트 음수로 내려갈 시, 재고 이상 누를 시 알림창 뜸 상품 카운트 누른 후 장바구니 클릭 시 로그인 되어 있을 시 모달창 뜨면서 장바구니/쇼핑하기 버튼 뜸, 로그인 안 되어 있을 시 알람창 뜨며 로그인 창으로 이동 모달 창에서 장바구니 가기 클릭시 제품이 장바구니에 담기며 장바구니로 이동 (모달창 구현 x) 상세 페이지를 만들면서 가장 중요하게 생각했던 것은 data.. 2022. 8. 26. BODYLIKE 로그인/회원가입 창 구현 👆 로그인-회원가입 구현 움짤 BODYLIKE Project 총 5명이서 구성된 Team coner ( FE : 3, BE : 2 )에서 2주간 오로지 학습용으로 bodylike구현했는데 그 중 로그인, 회원가입 창 / 상세 페이지 구현을 맡은 기록을 적습니다. 로그인/회원가입 창 구현한 기능 로그인창에서 회원가입 버튼 누를시 회원가입 창으로 넘어감 회원가입창/ 로그인창에서 아이디 창 '@', 5글자 && 비밀번호 창 5글자 이상 입력시 회원가입 버튼 활성화 (비밀번호 영문 소대문자 없을 시 알림창 뜸) 로그인창에서 id, pw 기입 후 로그인 버튼 누를 시 서버와 통신 후 로컬 스토리지에 토큰 발급, 메인창으로 넘어감 왼측 상단 로고 클릭시 메인으로 이동 로그인창 / 회원가입창은 레이아웃은 거의 비슷하.. 2022. 8. 26. BODYLIKE 로고 관련 URL 을 만들어 가져다 쓰는 방식을 사용! 👇 해당 코드 클릭시 메인으로 이동할 수 있다 2022. 8. 24. 이전 1 다음 728x90 반응형
