React 프론트엔드 프리온보딩 선발과제
배포 링크: https://seoysauce-wanted-pre-onbording.netlify.app
- 반응형 구현
- 슬라이드(캐러셀) 구현
-
상단 GNB(Global Navigation Bar)
- 마크업 작업(HTML, CSS)
- 메뉴클릭, hover 등의 이벤트는 구현하지 않음
-
슬라이드(캐러셀)
- 왼쪽/오른쪽 버튼 클릭 이벤트 → 카드 이동
- 접속 시마다 랜덤으로 카드 보여주는 기능
- 5초마다 자동으로 다음 카드 이동
-
반응형(Responsive Web) 구현
- GNB, 슬라이드 모두 반응형으로 구현
- npm
npm install npm@latest -g
- Repository clone
git clone https://github.com/gml9812/wanted-frontend-pre-on-boarding-mission.git
- NPM package 설치
npm install
- localhost에서 프로젝트 실행
npm start
.
├── public
└── src
├── SCSS
├── components
| └── icons
├── data
└── utils