[React / ts] Book Store 만들기 - ① 프로젝트 생성과 폴더 구조 설정

먼저 다음 명령어로 프로젝트를 생성해준다.

npx create-react-app ./ --template typescript

 

그리고 다음과 같이 폴더 구조를 만들어준다.

 

• api: 서버와 통신을 할 때 사용될 api들을 모아놓는 폴더이다.
• components: 화면을 구성하는 컴포넌트들을 모아놓은 폴더이다.
• hooks: 프로젝트에서 사용될 react hook들을 모아놓은 폴더이다.
• models: 프로젝트에서 사용될 모델들을 정의하여 모아놓은 폴더이다.
• pages: 프로젝트에서 사용될 웹 페이지들을 모아놓은 폴더이다.
• utils: 자주 사용되며 보조적인 기능을 처리해줄 함수들을 모아놓은 폴더이다.