배포링크
프로젝트 기여도 60%
기능 리스트
- OAuth 페이지
- Home 메인페이지
- 상품 리스트 페이지
- 상품 상세페이지
- 내정보 페이지
- 결제페이지
- 장바구니 페이지
- 피부타입 검사 페이지
- 내정보 수정페이지
총 구현 리스트
- 상품 리스트 페이지
- 상품 상세페이지
- 장바구니 페이지
- 피부타입 검사 페이지
Discription
총 9개의 페이지중 4개의 페이지를 구현 하였습니다. 기능에 대한 기여율은 44%에 해당합니다. 나머지 16%는 백엔드와의 협업이기 때문에 전체 팀에대한 규칙 및 서로 의견을 낼 수 있는 분위기를 조성하였고, 코드리뷰와 일정에 대한 조율, 개발 이외의 것들을 전부 맡아서 프로젝트를 진행했습니다. 그래서 개발 이외의 부분에서 16%를 기여했습니다.주요기능
Product List
제품 리스트는 무한스크롤을 적용해서 확인 할 수 있습니다. Filter는 URL의 Query Params를 추적하여 데이터를 요청 할 수 있게 구현했습니다. 그리고 검색기능은 해당 단어가 있는 제품만 데이터로 받을 수 있게 설계 하였습니다.장바구니
장바구니에 담겨있는 제품의 삭제, 개수의 수정, 구매 페이지로 이동까지 가능합니다. 실시간으로 데이터를 조정하여 장바구니의 상품의 상태값의 변경이 있을때마다 가격이 즉시 변동되어 확인이 가능하게 만들었습니다.제품상세 페이지
제품의 전반적 정보를 확인 할 수 있고 추천타입을 확인 할 수 있습니다. 구매하기위한 수량 확인이 가능하고 제품의 사용후기를 볼 수 있습니다. 만약 로그인 되어있는 유저가 작성한 후기라면 삭제나 수정도 가능합니다.피부타입 테스트 페이지
피부 타입을 검사 할 수 있는 페이지이고 선택하는 정보가 계정에 저장되면서 제품 리스트에서 커스텀 버튼을 눌러 본인에게 맞는 피부타입의 제품들만 볼 수 있게 만들었습니다.
