잇스쿨

[React] vscode 로 React Sample Application 실행해보기 본문

프론트엔드/React

[React] vscode 로 React Sample Application 실행해보기

잇님 2020. 3. 5. 13:15

 

1. vscode를 설치

다양한 에디터 프로그램들이 있지만 터미널을 사용해 명령어로 제어하기 위해 vscode를 선택하였다.

 

https://visualstudio.microsoft.com/ko/free-developer-offers/

 

무료 개발자 소프트웨어 및 서비스 - Visual Studio

무료로 제공되는 제품: Visual Studio Community, Visual Studio Code, VSTS 및 Dev Essentials

visualstudio.microsoft.com

위의 링크에서 Visual Studio Code를 다운로드 받아 설치한다.

 

 

2. 터미널 창 실행

처음 vscode를 설치하면 터미널 창이 보이지 않아 당황할 수 있는데, 단축키 ctrl+` 를 눌러 통합터미널 창을 열어준다.

 

 

3. npm run start

본인이 만든 디렉터리(react-app)으로 경로를 cd로 이동한 후, npm run start 명령어를 실행하면 웹앱(Sample Application)이 실행된다.

종료하고 싶을 경우, Ctrl + C를 실행하여 종료한다.

'프론트엔드 > React' 카테고리의 다른 글

[React] props 와 state  (0) 2020.03.05
[React] 컴포넌트 만들기  (0) 2020.03.05
[React] JSX  (0) 2020.03.05
[React] 환경 구축  (0) 2020.03.05
[React] 소개  (0) 2020.03.05