리액트 개발환경 세팅

1. nodejs 설치

 

https://nodejs.org/en

Node.js — Run JavaScript Everywhere

LTS 버전 다운로드 및 설치 완료

후 에디터 터미널에서 'node' 설치완료 및 버전 확인 

 

 

2. vscode 에디터 설치

 

https://code.visualstudio.com/

Visual Studio Code - Code Editing. Redefined

 

 

3. yarn 설치

https://classic.yarnpkg.com/lang/en/docs/install/#windows-stable

vscode extension에서 yarn 검색 다운

 

npm install -g yarn

yarn -version

yarn create react-app *** --template typescript

 

+yarn : 이 시스템에서 스크립트를 실행할 수 없으므로

https://hellcoding.tistory.com/entry/VSCode-%EC%98%A4%EB%A5%98-%EC%9D%B4-%EC%8B%9C%EC%8A%A4%ED%85%9C%EC%97%90%EC%84%9C-%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8%EB%A5%BC-%EC%8B%A4%ED%96%89%ED%95%A0-%EC%88%98-%EC%97%86%EC%9C%BC%EB%AF%80%EB%A1%9C

*

4. CRA(create-react-app)

yarn create react-app **-template typescript

cd **

 

 

3. 바탕화면에 작업용 폴더 만들고

shift + 우클릭

powershell/터미널 열기

 

npx create-react-app 프로젝트명