타입스크립트로 리액트app 만들기(CRA)

npx create-react-app 폴더이름 --template typescript

craco 설치

yarn add @craco/craco

• craco 설치 후 package.json으로 가서 react-scripts → craco로 변경

emotion 설치

yarn add @emotion/react
yarn add @emotion/styled

바벨 플러그인 설치

• emotion을 쉽게 사용하기 위해서

yarn add -D @emotion/babel-preset-css-prop

• craco.config.js 파일 설치 후 바벨 설정 넣기

스토리북 설치

npx -p @storybook/cli sb init

api 통신

• axios

yarn add axios

라우터

• react-router-dom

yarn add react-router-dom

ESLint, prettier