/awesome-food-store

practice Next.js and material ui

Primary LanguageTypeScript

Awesome Food Store

맛집 리스트를 보여주는 웹페이지입니다.

screerecorded

결과확인 방법

먼저 패키지를 설치합니다.

yarn install

개발모드로 실행시킵니다.

yarn dev

http://localhost:3000에서 결과를 확인할 수 있습니다.


What is used

  • typscript
  • Next.js
  • Material ui
  • json-server

디렉토르 구조

src 디렉토리는 다음으로 구성되어 있습니다.

src
├─components
├─hooks
├─styles
└─utility
  • components: 화면에 렌더링 되어질 컴포넌트 단위입니다.
  • hooks: 컴포넌트의 로직 함수들을 따로 두어서 재사용가능하도록 하였습니다.
  • styles: material ui를 이용한 style 함수입니다.
  • utility: 기초적인 로직이나 재사용 가능한 함수들 입니다.