/wanted-doublenc

원티드 프리온보딩 코스 더블엔씨 미션입니다.

Primary LanguageTypeScript


3주차 과제 - 더블엔씨



배포 링크


Table of Contents
  1. 팀원 소개
  2. 과제 소개
  3. 구현한 기능
  4. 설치 및 실행
  5. 프로젝트 구조
  6. License

팀원 소개

👑 윤희준 (팀장) 정서영 염상권 김재원
페이지 로그아웃 & Q&A 페이지 커피 구매 페이지 카페 브랜드 & 아이템 리스트 메인 페이지


과제 소개

ezgif-7-9286e9a9f5

(back to top)



구현한 기능

구현한 기능 목록을 작성할 영역입니다.

  • Next.js 와 TypeScript 를 사용
  • 배너 캐러셀은 공개된 라이브러리를 사용하지 않고 직접 구현
  • 기본 Next.js ESlint 룰을 적용
  • API 데이터 패칭
  • 메뉴 슬라이더 적용
  • 슬라이딩 사이드바 배치
  • 아코디언 적용
  • 요구 조건에 맞는 라우팅 처리

(back to top)



설치 및 실행

배포 링크가 동작하지 않을 시, local에서 프로젝트를 실행하는 방법을 작성할 영역입니다.

Prerequisites

  1. NPM Install
npm install npm@latest -g

Installation

  1. Repository를 clone한다.
git clone https://github.com/team-tyranno/wanted-doublenc.git
  1. NPM Package들을 설치한다.
npm install
  1. Localhost 환경에서 프로젝트를 실행한다.
npm start

(back to top)



프로젝트 구조

프로젝트 구조를 작성할 영역입니다. (Optional)

wanted-doublenc
 ┣ cypress // E2E 테스트 코드를 담은 코드입니다.
 ┃
 ┣ public // 전역에서 사용할 리소스를 담은 페이지 입니다.
 ┃ 
 ┣ src
 ┃ ┣ commons // 공통적으로 사용될 코드입니다.
 ┃ ┃ 
 ┃ ┣ components // 컴포넌트는 아토믹 디자인 패턴 기반으로 구성되었습니다.
 ┃ ┃ ┣ atoms
 ┃ ┃ ┃ 
 ┃ ┃ ┣ molecules
 ┃ ┃ ┃
 ┃ ┃ ┣ organisms
 ┃ ┃ ┃ 
 ┃ ┃ ┣ templates
 ┃ ┃ ┃ 
 ┃ ┃ ┗ index.ts
 ┃ ┣ hooks // 커스텀 hooks
 ┃ ┃
 ┃ ┣ pages // 라우팅을 위한 페이지입니다.
 ┃ ┃
 ┃ ┣ styles // 여러 공통스타일 모듈입니다.
 ┃ ┃
 ┃ ┣ types // 여러 페이지에 걸쳐 사용될 타입 입니다.
 ┃ ┃
 ┃ ┗ utils //
 ┣ README.md

(back to top)



License

라이센스를 표시할 영역입니다.

Distributed under the MIT License. See LICENSE for more information.

(back to top)