대표적인 e-커머스 사이트인 thisisneverthat 사이트의 주요 기능들을 학습 목적으로 클론 코딩한 프로젝트
- 기간 : 21.12.27 ~ 22.01.14
- 구성 : Front-end 2명, Back-end 2명
Repository
1차 프로젝트 명세서 및 기능 분담
✦ FRONT-END
✦ BACK-END
-
정태영 : 상품 리스트 API
- 가격순, 등록순 정렬 기능
- 카테고리 정렬 기능
- 좋아요 기능 추가
- 무한스크롤 API
-
구민기 : 상세페이지 API
- 제품 정보 API
- 장바구니 기능 API
- 위시리스트 API
-
민하늘 : 장바구니 API
- 장바구니 기능 구현 (CRUD)
→ 장바구니에 추가, 수량 변경, 상품 하나만 취소, 전체 상품 취소
-
강민수 : 회원가입 API / 로그인 API
- 회원가입시 필수 키 KeyError
- 중복 회원 체크
- 로그인 시 필수 키 KeyError
- 가입한 적 없는 회원 필터해서 Error
- middleware로 유효한 토큰인지 확인 후 Invalid Token Error
DB modeling
Technologies
- 공통 : Github, VSCode
- Front-end : HTML5, SASS, JavaScript, React
- Back-end : Prisma, MySQL, Node.js, Postman, Express
Convention
- 파일 및 폴더명 : 파스칼 케이스 사용
- className : 카멜 케이스 사용
- 재사용 가능한 컴포넌트 분리
- API 완성 전 목데이터 작성하여 사용