Table of Contents
👑 윤희준 (팀장) | 정서영 | 염상권 | 김재원 |
페이지 로그아웃 & Q&A 페이지 | 커피 구매 페이지 | 카페 브랜드 & 아이템 리스트 | 메인 페이지 |
구현한 기능 목록을 작성할 영역입니다.
- Next.js 와 TypeScript 를 사용
- 배너 캐러셀은 공개된 라이브러리를 사용하지 않고 직접 구현
- 기본 Next.js ESlint 룰을 적용
- API 데이터 패칭
- 메뉴 슬라이더 적용
- 슬라이딩 사이드바 배치
- 아코디언 적용
- 요구 조건에 맞는 라우팅 처리
배포 링크가 동작하지 않을 시, local에서 프로젝트를 실행하는 방법을 작성할 영역입니다.
- NPM Install
npm install npm@latest -g
- Repository를 clone한다.
git clone https://github.com/team-tyranno/wanted-doublenc.git
- NPM Package들을 설치한다.
npm install
- Localhost 환경에서 프로젝트를 실행한다.
npm start
프로젝트 구조를 작성할 영역입니다. (Optional)
wanted-doublenc
┣ cypress // E2E 테스트 코드를 담은 코드입니다.
┃
┣ public // 전역에서 사용할 리소스를 담은 페이지 입니다.
┃
┣ src
┃ ┣ commons // 공통적으로 사용될 코드입니다.
┃ ┃
┃ ┣ components // 컴포넌트는 아토믹 디자인 패턴 기반으로 구성되었습니다.
┃ ┃ ┣ atoms
┃ ┃ ┃
┃ ┃ ┣ molecules
┃ ┃ ┃
┃ ┃ ┣ organisms
┃ ┃ ┃
┃ ┃ ┣ templates
┃ ┃ ┃
┃ ┃ ┗ index.ts
┃ ┣ hooks // 커스텀 hooks
┃ ┃
┃ ┣ pages // 라우팅을 위한 페이지입니다.
┃ ┃
┃ ┣ styles // 여러 공통스타일 모듈입니다.
┃ ┃
┃ ┣ types // 여러 페이지에 걸쳐 사용될 타입 입니다.
┃ ┃
┃ ┗ utils //
┣ README.md
라이센스를 표시할 영역입니다.
Distributed under the MIT License. See LICENSE
for more information.