[React] 리액트 설치 및 실행하는 방법 + 타입스크립트 버전 설치

 

 

 

 

1. Node.js 설치 (LTS 버전)

https://nodejs.org/en

 

 

2. 내가 작업할 폴더 shift + 오른쪽 마우스 눌러서  -> Git Bash 열기 클릭

 

 

3. yarn 설치

$ npm install -g yarn

 

 

4. create-react-app 설치

$ yarn global add create-react-app

 

 

5. 리액트 앱 생성 (기본 버전 및 타입스크립트 버전)

$ npx create-react-app <프로젝트명> // 일반 리액트 프로젝트
$ npx create-react-app <프로젝트명> --template typescript  // 타입스크립트 버전

 

 

 

6. 리액트 앱 실행하기

$ cd <프로젝트명>
$ yarn start

 

 

7. 리액트 앱을 실행하면 아래처럼 리액트 인터넷 창이 열린다

 

 

🚫 오류

 

1. 아래와 같은 오류가 뜰 경우

 

npm cache clear --force
npm i -g @sap/cds-dk
npx create-react-app <프로젝트명>

 

-> 위 코드로 npm 캐시를 삭제해주고 다시 프로젝트를 만들어준다