[React] Visual Studio Code에서 리액트 사용하기

 

Node.js의 설치 방법은 아래의 글에 자세히 적혀 있습니다.

 

https://mpd253.tistory.com/42

 

[Node.js] Node.js 설치하기 (Window 10)

 

---

다음은, 우리의 작업 공간인 Visual Studio Code를 설치해야 합니다.

 

Visual Studio Code를 설치하는 방법은 아래의 url에 접속하여

본인의 로컬 환경과 맞게 설치하면 됩니다.

 

https://code.visualstudio.com/download

 

Download Visual Studio Code - Mac, Linux, Windows

 

설치가 다 되었다면, Visual Studio Code를 실행해 줍니다.

 

---

- 리액트 파일 만들기

 

위의 네비게이션에 존재하는 [Terminal] -> [New Terminal] 을 누릅니다.

 

 

그리고 입력합니다.

npx create-react-app 파일명

 

그러면 왼쪽 상단 Explorer 파일에 내가 만든 파일명이 들어감을 확인할 수 있습니다.

 

또한 실행한 터미널에서는 설치가 잘 되었다는 "Happy hacking!" 이라는 문구를 볼 수 있습니다.

 

 

이제 리액트 파일이 생성된 내가 만든 파일에 들어가서 실행을 시켜봅시다.

 

입력합니다.

cd 파일명

npm start

 

 

아무것도 건드리지 않고, 정상적으로 실행이 되었다면 아래의 화면이 등장하게 됩니다.

 

 

여러분들의 첫 리액트 파일을 실행하게 되었습니다.

 

"Happy hacking!"