main page 개발 (UI 개발, msw + react-query 기반 mock data 처리, skeleton ui 적용) - Githubissues

f-lab-edu / eqcm

[개인 프로젝트] 29cm 클론 코딩

1 stars 0 forks source link

main page 개발 (UI 개발, msw + react-query 기반 mock data 처리, skeleton ui 적용) #20

Closed rarlala closed 7 hours ago

rarlala commented 3 days ago

작업 내역

메인 페이지 기본 html 및 css 설정
Banner 컴포넌트 구현
BoxBanner 컴포넌트 구현
BoxSlider 컴포넌트 구현(swiper 라이브러리 사용)
메인페이지 우측 영역 Masonry Layout 구현 및 메인 페이지 컴포넌트 분리 (react-responsive-masonry 라이브러리 사용)
모바일 메인 배너 슬라이드 컴포넌트 구현
이미지 border-radius 처리
모바일시 한줄 슬라이드로 변경되도록 boxSlider 수정
dummy data react-query 활용 방식으로 변경
- msw 적용
- react-query 적용
- next/dynamin을 활용해 skeleton ui 적용

bugfix

hydration error 수정