리액트(React) 생성 with Vscode

초기설정 ⭐

• 리액트를 사용하기 Node.js가 설치되어 있어야 한다.
• Node.js 홈페이지 https://nodejs.org/en/ 에서 LTS버전으로 다운로드 후 설치한다.
• Node.js 설치 시 npm이 자동적으로 설치된다.

Terminal or Visual Studio Code

1. Windows PowerShell 또는 Visual Studio Code를 실행 후 Ctrl + `의 단축키를 사용하여 터미널을 실행한다.

2. mkdir "폴더명"를 입력하여 리액트 프로젝트를 관리할 폴더를 생성한다.

3. cd "폴더명"을 입력하여 폴더로 이동한다.

4. yarn create react-app "프로젝트 명"을 입력하여 리액트 프로젝트를 생성한다.

5. cd "프로젝트 명"을 입력하여 생성된 프로젝트 폴더로 이동한다.

6. code .을 입력하면 Vscode로 생성된 프로젝트가 열린다.

요약

• Terminal 실행
• mkdir "폴더명"
• cd "폴더명"
• yarn create react-app "프로젝트 명"
• cd "프로젝트 명"
• code .