• 기본 json 데이터에 dislike / date 반영
• 각 페이지별 수정 json 키값 반영

• 리스트페이지+디테일페이지+조회페이지 merge
• 스타일
• 기능 재확인
• 코드 컨벤션에 맞춰 리팩토링

• 리스트페이지
• 디테일페이지
• 조회목록 페이지

• 잘못된 경로로 접근 시 에러 처리 : 상품리스트 페이지로 리다이렉팅
• 에러바운더리 적용

• 00시 기준 최근 조회 이력과 관심 없는 상품 목록 초기화 기능
• 목록 상단 필터 : 관심 없는 상품 숨기기 기능
• 목록 상단 필터 : '브랜드' (전체 및 존재하는 브랜드 목록으로 구성). 다중 선택 가능
• 최근 조회 순, 낮은 가격 순 정렬 기능
• 상품 클릭 시 '상품 상세 페이지'로 이동, 관심 없는 상품 클릭 시 경고 메시지 노출되며 이동하지 않는 기능

• 상품클릭 시 'disLike' 여부 확인해서 라우팅처리
  • true : 상품상세페이지로 이동
  • false : 이동처리 안함
• 파라미터로 데이터 전달하여 상세페이지 렌더

• 상품 목록 페이지에서 상품 상세 페이지 클릭 시, 이력 데이터 누적하기
• 동일 상품 조회 시, 이력 데이터를 최신 데이터로 갱신하기
• 랜덤 버튼 클릭 시, 현 상품을 제외하고 랜덤 로드하기
• '관심 없음' 버튼 클릭 시, 랜덤으로 목록 로드하기
• '관심 없음' 버튼 클릭 시, 해당 상품은 이후 랜덤로딩시 상세페이지 노출되지 않게 하기
• '관심 없음' 전역 상태 관리 필요
  • '관심 없음' 태그가 붙어있는 목록의 경우
  • '관심 없음' 상세 페이지로 이동하지 않게 하기

ProductDetail 페이지에서 새로고침 시 에러 발생 원인:
componentDidMount에서 setState로 해당 product를 저장하게 만들었으나
새로 고침 시 render -> componentDidMount 로 진행될 때
render에서 참조하는 product는 빈 객체이기 때문

• CRA
• 공통스타일 설정
• 라우트 설정
• 페이지 컴포넌트 생성
• 필요자산 json mock data 저장