React 실행 환경 준비

Node.js 설치 확인하기

윈도우 명령 프롬프트(macOS에서는 터미널)를 실행하고 다음 명령어를 입력해 Node.js가 설치되어 있는 지 확인합니다.

만액 Node.js가 설치되어 있지 않다면 'node은(는) 내부 또는 ...'이라는 오류 메시지가 나타날 것입니다.

그러면 Node.js를 설치해야 합니다.

 

Node.js 설치 파일 내려받기

Node.js 공식 사이트에 접속한 다음 <LTS 버전>이 적힌 버튼을 눌러 Node.js 설치 파일을 내려받아 설치합니다.

설치 과정은 기본 설정을 그대로 두고 <Next> 버튼을 눌러 진행하면 됩니다.

 

Node.js 설치 다시 확인하기

Node.js를 설치했으니 오류 메시지와 명령 프롬프트를 종료합니다. 그럼 다음 명령 프롬프트를 다시 열어 다음 명령어를 입력합니다.

Node.js를 설치하면 노드 패키지 매니저(node package manager)도 함께 설치됩니다. 줄여서 npm이라 부르겠습니다.

 

npm 설치 확인하기

 

 

npx 설치하기

 

npx는 1회성으로 최신 버전의 노드 패키지를 내려받아 설치해주는 노드 패키지입니다.

그래서 npx는 npm으로 설치해야 합니다. 다음 명령어를 입력하여 npx를 설치하고 확인해보세요.

 

 

VSCode 설치하기

VSCode 공식 사이트에서 설치 파일을 내려받아 설치합니다.

 

 

깃 설치하기

깃 공식 사이트에 접속해 깃 설치 파일을 다운받아 설치합니다. 깃 설치는 단순히 <Next>를 눌러 진행하면 됩니다.

설치 완료 후 깃 설치 여부를 확인합니다.