mod-siw / 11th-CloneCoding-Front

이화여대 멋사 11기 프론트엔드 클론코딩 스터디

11th-CloneCoding-Front

이화여대 멋사 11기 프론트엔드 클론코딩 스터디

개발자 소개

변지혜
프론트엔드

개발 기간

2023.09.09. ~

배포 주소

11th_daangn_clonecoding

사용 스택

Environment

Development

구현 기능

• TopBar 구현 ( 스크롤 / 반응형 X )
• 메인 페이지 구현 ( 데이터 연결 O )
• 세부 페이지 대략적인 스타일 구현 (데이터 연결 X)
• 메인 - 세부 아티클 연결

구현 예정 기능

• 디테일 페이지 사진 넘어가는 거 ( elements 창 보니까 애니메이션을.. 해봐야 할 듯)

• 매너온도 함수 / 스타일 구현

• mockdata 더 쌓기

• 탑바 반응형

• 인기매물 더 보기

---

• 탑바에서 누르면 cover 부분 바뀜 + 랜덤 정렬
• 반응형 -> 검색 버튼 누르면 상위 탑바 나오게
• 세부 페이지 당근 인기 중고 부분 하기
• 커버 애니매이션
• {" ∙ "} 끼워넣기로 바꾸기

화면 구성

시작 가이드

Installation

$ git clone https://github.com/mod-siw/11th-CloneCoding-Front.git
$ cd clone_coding

$ npm i
$ npm i styled-components
$ npm install react-router-dom --save
$ npm install react-slick
$ npm install slick-carousel