Filling. Layout - Product List, Survey, Survey Result

[meɪ]·2021년 9월 13일
0

2. WeCode. Team Project

목록 보기
2/3
  • 이 중 내가 담당한 부분
  1. 제품 보기
    : 제품 상세로 이동되어야 하기 때문에 동적 라우팅 필요
    : 동일한 포맷이 반복되기 때문에 컴포넌트화 필요 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

  2. 추천 성분 - 설문
    : 어떤 방식으로 할지 정해야 하지만, BE 쪽에서 모델링을 먼저 하는 게 우선이므로 2순위로 개발
    : 기존 사이트와 다르게 이름, 성별, 나이를 한 번에 작성하는 것으로 변경
    1) 항목, progress bar, 구분선, 이동 button, 닫기 button은 com

  3. 추천 성분 - 설문 결과
    : 건강 설문 결과표, 성분 설명, 추천 식품 정보 세 가지만 구현
    : 장바구니는 링크로 연결

profile
느려도 할 거야.......

0개의 댓글