React typescript로 초기 프로젝트 설정하기. + 기본 라이브러리

전제조건, nodejs 설치

 

1. typescript를 사용하는 React를 현재 경로에 설치한다.

npx create-react-app . --template typescript

yarn을 사용한다면,

yarn create react-app . --template typescript

 

yarn 설치는

npm i -g yarn

 

*yarn은 npm보다 빠르고 좋으므로 yarn으로 하는게 좋음. (yarn은 install할때 yarn add 이다, yarn만 치면 package 다시 설치함)

 

라우터 관리를 위한

react-router-dom

 

api 통신 라이브러리 위한

react-query

 

sass 사용을 위한 

sass

 

form 전송을 위한

react-hook-form

 

브라우저 타이틀 표시를 위한

react-helmet-async

 

그리고 devDependencies 를 추가하여 개발 중에만 필요한 라이브러리를 추가해주자

 

install할때 --save-dev를 붙여주면 된다.

@type으로 시작하는 라이브러리,

개발 규칙을 맞추기 위한 lint-staged 

소스를 예쁘게 포매팅 해주는 prettier

커맨드 사용을 위한 shx

git hook을 위한 husky