- Frontend
- 💪🏻💪🏻 한신웅
- 🔥🔥 주지홍
- 🧐🧐 임채현
- Backend
- 🐻❄️🐻❄️ 최희택
- 2021.01.24 ~ 2021.02.11
- 사용자가 해당 홈페이지에 방문하구 구매를 진행하는 것 까지를 구현 목표로 설정하고 프로젝트를 진행하였습니다.
- django-cors
- bcrypt
- jwt
- 로그인과 회원가입 기능 ✅
- Survival 제품 소개 리스트(메인페이지) ✅
- 상세페이지 ✅
- 장바구니 ✅
- 결제 창 ✅
- 마이페이지 ✅
- 제품 리스트 구현 ✅
- 서바이벌 멘토 소개 페이지 ✅
- 제품 사용기를 공유할 수 있는 피드 시스템 만들기
- 임채현: 로그인/회원가입/마이페이지
- 주지홍: 메인페이지/상세페이지
- 한신웅: nav/Footer/장바구니/결제페이지/멘토페이지
- 로그인 완료 후 유저 닉네임, 포인트, 장바구니 수량 상단에 적용
- 스크롤 이벤트
- 선택 된 카테고리 CSS 적용
- 회원가입시 다양한 유효성 검사 (양식검사, 중복검사, 비밀번호 불일치 검사)
- 검사를 통과하지 못할 경우 입력칸 아래에 경고 문구 출력
- 양식검사, 중복검사를 모두 통과할 경우 사용가능
- 출력 경고 문구가 남아있을 시 회원가입 불가
- 출력 경고 문구가 사라졌을시 회원가입 가능
- 메인페이지 상단 이미지슬라이드 구현
- 분류 기준 (최신순 / 높은가격순 / 낮은가격순 )에 따른 제품 리스트 렌더링
- 쿼리스트링을 활용하여 카테고리 페이지 구현 및 페이지네이션 기능 구현
- 인풋창 조건에 따른 수량입력
- 로그인 상태일 때 장바구니로 구매버튼을 눌렀을때 장바구니로 넘어가도록 구현
- 비 로그인 상태일 때 장바구니로 구매버튼을 눌렀을때 장바구니로 넘어가도록 구현
- 제품 상태에 따른 상세페이지 렌더링 화면 변경
- 상세페이지에서 유저가 옵션과 수량을 결정한 아이템을 장바구니에 렌더링
- ‘옵션 / 수량 변경’ 버튼 클릭시 모달 창이 뜨고 원하는 조건 변경 가능
- 리스트에서 체크를 통해 아이템 선택 삭제 및 구매 가능
- 구매 후 구매 완료 페이지로 이동
- 이 프로젝트는 배민문방구 사이트를 참조하여 학습목적으로 만들어진 사이트입니다.
- 실무수준의 프로젝트이지만 학습용으로 만들었기 때문에 이 코드를 활용하여 이득을 취하거나 무단 배포할 경우 법적으로 문제될 수 있습니다.
- 해당프로젝트에서 나온 이미지는 모두 가공되어진 자료입니다.