BAEMIN-SURVIVAL-backend

프로젝트 참여인원

• Frontend
  • 💪🏻💪🏻 한신웅
  • 🔥🔥 주지홍
  • 🧐🧐 임채현
• Backend
  • 🐻‍❄️🐻‍❄️ 최희택

프로젝트 기간

• 2021.01.24 ~ 2021.02.11
  
  

협업 도구

적용 기술

구현 목표

• 사용자가 해당 홈페이지에 방문하구 구매를 진행하는 것 까지를 구현 목표로 설정하고 프로젝트를 진행하였습니다.

라이브러리

• django-cors
• bcrypt
• jwt

필수 구현 사항

• 로그인과 회원가입 기능 ✅
• Survival 제품 소개 리스트(메인페이지) ✅
• 상세페이지 ✅
• 장바구니 ✅
• 결제 창 ✅
• 마이페이지 ✅

추가 구현 사항

• 제품 리스트 구현 ✅
• 서바이벌 멘토 소개 페이지 ✅
• 제품 사용기를 공유할 수 있는 피드 시스템 만들기

구현 파트

• 임채현: 로그인/회원가입/마이페이지
• 주지홍: 메인페이지/상세페이지
• 한신웅: nav/Footer/장바구니/결제페이지/멘토페이지

시연

Nav

• 로그인 완료 후 유저 닉네임, 포인트, 장바구니 수량 상단에 적용
• 스크롤 이벤트
• 선택 된 카테고리 CSS 적용

회원가입/로그인페이지

• 회원가입시 다양한 유효성 검사 (양식검사, 중복검사, 비밀번호 불일치 검사)
• 검사를 통과하지 못할 경우 입력칸 아래에 경고 문구 출력
• 양식검사, 중복검사를 모두 통과할 경우 사용가능
• 출력 경고 문구가 남아있을 시 회원가입 불가
• 출력 경고 문구가 사라졌을시 회원가입 가능

메인페이지

• 메인페이지 상단 이미지슬라이드 구현
• 분류 기준 (최신순 / 높은가격순 / 낮은가격순 )에 따른 제품 리스트 렌더링
• 쿼리스트링을 활용하여 카테고리 페이지 구현 및 페이지네이션 기능 구현

상세페이지

• 인풋창 조건에 따른 수량입력
• 로그인 상태일 때 장바구니로 구매버튼을 눌렀을때 장바구니로 넘어가도록 구현
• 비 로그인 상태일 때 장바구니로 구매버튼을 눌렀을때 장바구니로 넘어가도록 구현
• 제품 상태에 따른 상세페이지 렌더링 화면 변경

장바구니

• 상세페이지에서 유저가 옵션과 수량을 결정한 아이템을 장바구니에 렌더링
• ‘옵션 / 수량 변경’ 버튼 클릭시 모달 창이 뜨고 원하는 조건 변경 가능
• 리스트에서 체크를 통해 아이템 선택 삭제 및 구매 가능
• 구매 후 구매 완료 페이지로 이동

API 기능정의서

API 기능정의서

Reference

• 이 프로젝트는 배민문방구 사이트를 참조하여 학습목적으로 만들어진 사이트입니다.
• 실무수준의 프로젝트이지만 학습용으로 만들었기 때문에 이 코드를 활용하여 이득을 취하거나 무단 배포할 경우 법적으로 문제될 수 있습니다.
• 해당프로젝트에서 나온 이미지는 모두 가공되어진 자료입니다.