- access token를 활용한 로그인,회원가입 기능
- Main 페이지 구성
- 상세페이지 구성
- 장바구니페이지 구성
- Mock 데이터를 이용한 장바구니 수량
- 사이트 API를 이용한 Nav bar 구성
- 구독페이지 케러셀 기능 구현
- 구독페이지 버튼 클릭에 따른 모달창
- 상세페이지에서 장바구니 담기 기능
- access token를 활용한 page 이동 기능
내가 구현한 기능 (회원가입 페이지)
- 정규표현식을 사용, 변수로 하여금 Input 태그에 className을 다르게 주어 제시하는 문자열이 아닐 시 경고 문구가 노출됨
- 이메일 중복 버튼을 통해 입력한 이메일이 이미 가입된 적이 있는 이메일인지를 확인할 수 있습니다.
- 회원가입 시 이메일 중복체크가 선행되지 않으면 회원가입 버튼이 활성화되지 않는 기능
내가 구현한 기능 (장바구니 페이지)
- 체크박스를 이용하여 개별 상품 체크, 또는 전체 선택 기능을 활용할 수 있습니다.
- 개별 상품 삭제 기능 및 체크박스를 활용하여 선택된 상품을 삭제하는 선택삭제 버튼을 구현하였습니다.
- 또한 체크박스를 활용하여 주문서의 총 가격을 실시간으로 반영할 수 있습니다.
- 상품 각 개별의 주문 수량 또한 플러스와 마이너스 버튼을 통해 조절할 수 있으며, 이에 따른 가격 또한 실시간으로 반영이 가능합니다.
- 장바구니 안의 모든 상품이 삭제되었을 경우 장바구니가 비어있다는 메세지를 노출시킬 수 있습니다.
-
메인페이지
-
구독페이지
22.04.25 ~ 22.05.06.
- React
- SASS