[Project] Etsy 프로젝트 Detail 페이지 구현 시작

Project

개인 프로젝트

React 개인 프로젝트 (Typescript)

페이지 이동

onClick에 naviate 하는지, a 태그로 하는지..

swiper

typescrip에서 swiper 사용하는 방법?

swiper thumb gallery loop 사용

https://velog.io/@yesroad/React-Typesript-%ED%99%98%EA%B2%BD%EC%97%90%EC%84%9C-Swiper-%EC%82%AC%EC%9A%A9%ED%95%98%EA%B8%B0

swiper는 현재

fade effect를 제외하면 되지만, effect를 적용하는 순간 동작하지 않는다.

Header 마크업

Header 부분 마크업

디테일 (logo, 크기, svg, transition)은 추후에

기타 할일

Main 페이지에서 컴포넌트 사용해서 단으로 나타내기 -> Mock data 생성 및 swr fetching 구현 o

Detail 페이지에서는 컴포넌트 사용해서 Swiper로 나타내기

Main 페이지 UI layout 완성하기 (grid)

Main 페이지 중복되는 컴포넌트 템플릿화 (근데 이렇게 하는 게 맞는건가)

---