[React] Create-react-app ( CRA ) (+타입스크립트)

1. 리액트 CRA로 시작하기

프로젝트 폴더를 만들고 싶은 위치에서 CLI(터미널)를 연 후, 아래의 명령어를 치면 바로 리액트앱을 손쉽게 세팅할 수 있다.

npx 혹은 yarn 중에 원하는 것으로 CRA를 시작한다.  

 

npx create-react-app 만들고싶은_파일이름

 

yarn create react-app 만들고싶은_파일이름

 

++

타입스크립트를 사용하고자 할 경우, 뒤에 --template typescript를 붙여주면 된다.

 

npx create-react-app my-app --template typescript

 

2. 앱 실행하기

 

npm start

 

yarn start

 

⚠️ 주의!!

 리액트를 처음 시작하고 초반에 많이 하는 실수가 있다!..

리액트 앱을 만들고 그 폴더 위치에서 'yarn start' 하는 순간, 이러한 에러를 마주하게될 것이다.

(주변에서도 같은 실수를 하는 것을 많이봤다..ㅎㅎㅎ)

 

 

 꼭!.. 아래와 같이 만든 앱 폴더로 한번 더 들어가서 실행 해주어야한다...!!

 

터미널(CLI)에서
현재 폴더의 위치를 확인한다.
: [명령어 : ls]

➡️ 만든 리액트앱 폴더 경로로 들어간다.
: [명령어 : cd CRA로_만든_폴더_이름 ]

 

 

 

 

출처 : https://create-react-app.dev/docs/getting-started#selecting-a-template