다이어리 검색기 만들기 (1)

필요한 기능

• 키워드를 선택한다
• 선택한 키워드가 있는 제품만 보여준다
• 관심있는 것들 모아서 본다
• 클릭하면 판매 사이트로 이동한다

 

키워드 종류

• 날짜 형식 - 2022년, 만년
• 구성 - 연간, 월간, 주간, 일간
• 기간 - 1년+, 1년, 6개월, 3개월, 1개월
• 크기 - A6, B6, A5, B5, A4
• 커버 - 하드커버, 소프트커버, PVC
• 제본 - 양장, 스프링, 6공, 메모지
• 종이 무게 - 100g, 120g
• 기타 - 타임라인, 체크리스트, 밴드, 가름끈

 

주로 정보를 가져올 사이트

• 텐바이텐
• 1300k
• 브랜드 홈페이지
• 네이버 스토어

 

구매 링크

• 네이버 쇼핑 검색으로 이동?

 

다이어리 정보

• 이름
• 브랜드
• 이미지
• 키워드
• 링크

 

화면구성

모바일 페이지

아래 확인하기 버튼 대신 실시간으로 목록을 업데이트 할 수도 있음

 

스크롤을 내리면 선택된 것만 윗쪽에 배치

 

 

해야할 일

검색페이지

• 페이지 구성(HTML, CSS)
• React를 통해 검색하고, 검색 결과를 아래에 보여줌
• 관심있는 제품 관리

비교 페이지

• 상품들의 모든 키워드 한눈에 들어오게 표시

고민할 것들

• 자세한 정보는 스크래핑 하기 어려운 것들도 많은데 어떻게 자료를 저장할 것인가?
  (상세페이지 그림파일에 있는 경우)