nodeJS 설치 및 vscode에서 react 실행하는 법

 

 

리눅스 및 윈도우 환경에서 node 설치 및 vscode에서 react 실행하는 법을 알려드리겠습니다.

 

<리눅스 환경>

각자의 환경에 맞게 nodeJs 사이트에서 설치를 먼저 해줍니다.

대표사진 삭제

사진 설명을 입력하세요.

sudo apt install npm 명령

대표사진 삭제

사진 설명을 입력하세요.

설치확인

대표사진 삭제

사진 설명을 입력하세요.

 

윈도우버전 설치

 

nodejs 사이트에서 최신버전 다운로드

대표사진 삭제

사진 설명을 입력하세요.

 

다음으로 vscode에서 react 실행하는 법

작업폴더 생성 후 오픈

대표사진 삭제

사진 설명을 입력하세요.

vscode에서 npx create-react-app blog1 명령

대표사진 삭제

사진 설명을 입력하세요.

 

blog1 폴더 오픈 후

cd blog1

npm start 실행

 

제대로 설치가 되었다면 다음과 같은 화면이 나올 것입니다.

 

대표사진 삭제

사진 설명을 입력하세요.

폴더 설명

node_module 라이브러리 모음

public 정적파일 모음

src 코딩하는 곳

package.jason 설치한 라이브러리 버전 등 모음

 

대표사진 삭제

사진 설명을 입력하세요.

 

감사합니다.