Next.Js를 기반으로 제작한 기프티콘 구매 사이트

👉 배포사이트 바로가기
👉 회고록 바로가기

👀 프로젝트 빌드 및 실행 방법

1. 상단 Code 버튼을 눌러 레포지토리를 클론 받습니다.

$ git clone https://github.com/wanted-team2/3week_ncnc.git

2. 패키지를 설치합니다.

$ yarn install

3. 서버를 실행합니다.

$ yarn dev
$ yarn build

🔥 프로젝트 과정 소개

Issue 트래킹 및 PR 분배	실시간 회의

정보 공유	반복 최소화

📝 기능 목록 명세

✔ 김지영

• 프로젝트 기초 세팅
• favicon 및 메타정보 설정
• Dropdowns, Swiper 컴포넌트 구현
• contacts 페이지 구현

✔ 고병표

• button, Header, Drawer 컴포넌트 구현
• main 페이지 구현

✔ 유제호

• NavigationBar, ProductionList 컴포넌트 구현
• categories/brands 페이지 구현
• 각 페이지 api 로직 구현
• 배포

✔ 홍수연

• OptionBox, CategoryList 컴포넌트 구현
  • 날짜 data 포맷 재구성
• items 페이지 구현
  • warning data 내용 분리 및 수정

📈 디렉토리 구조

.
├── README.md
├── api
│   └── index.ts
├── components
│   ├── base
│   └── domain
├── fileMock.js
├── hooks
│   ├── index.ts
│   ├── useAxios.ts
│   ├── useClickedId.tsx
│   ├── useOption.ts
│   ├── useSwipe.tsx
│   ├── useTabs.tsx
│   └── useWindowWidth.tsx
├── jest.config.js
├── next-env.d.ts
├── next.config.js
├── package.json
├── pages
│   ├── 404
│   ├── _app.tsx
│   ├── _document.tsx
│   ├── brands
│   ├── categories
│   ├── contacts
│   ├── index.tsx
│   └── items
├── pagesStyle
│   ├── brandsStyle.ts
│   ├── categoriesStyle.ts
│   ├── contactStyle.ts
│   ├── homeStyle.ts
│   └── itemStyle.ts
├── public
│   ├── android-chrome-144x144.png
│   ├── apple-touch-icon.png
│   ├── browserconfig.xml
│   ├── favicon-16x16.png
│   ├── favicon-32x32.png
│   ├── favicon.ico
│   ├── fonts
│   ├── images
│   ├── mock
│   ├── mstile-150x150.png
│   └── site.webmanifest
├── styleMock.js
├── styles
│   ├── commonCompo.tsx
│   ├── commonStyle.ts
│   ├── font.ts
│   ├── globalStyle.ts
│   ├── index.ts
│   ├── styled.d.ts
│   └── theme.ts
├── tsconfig.jest.json
├── tsconfig.json
├── types
│   ├── Brand.ts
│   ├── Category.ts
│   ├── ConItem.ts
│   ├── Nested.ts
│   ├── QaType.ts
│   ├── Qas.ts
│   ├── SoonItem.ts
│   ├── Swipe.ts
│   └── index.ts
├── utils
│   └── fucntions
├── yarn-error.log
└── yarn.lock