제품 보기
: 제품 상세로 이동되어야 하기 때문에 동적 라우팅 필요
: 동일한 포맷이 반복되기 때문에 컴포넌트화 필요 cf monster project
1) 상단 Navigation Bar
2) 상단 배너 이미지
3) 제품 리스트 2X5
(1) BE 배경 색
(2) BE 제품 수식 문구
(3) BE 제품명
(4) BE 제품 이미지
(5) BE 제품 설명 아이콘
(6) FE 더 보기 링크
(7) FE 섭취일 ex 30일분
(8) BE 가격
(9) FE 장바구니 담기 버튼
(10) BE 태그 ex 신규 출시 1+1
5) 하단 Footer
추천 성분 - 설문
: 어떤 방식으로 할지 정해야 하지만, BE 쪽에서 모델링을 먼저 하는 게 우선이므로 2순위로 개발
: 기존 사이트와 다르게 이름, 성별, 나이를 한 번에 작성하는 것으로 변경
1) 항목, progress bar, 구분선, 이동 button, 닫기 button은 com
추천 성분 - 설문 결과
: 건강 설문 결과표, 성분 설명, 추천 식품 정보 세 가지만 구현
: 장바구니는 링크로 연결