[React] React 설치 및 실행

1. npm 설치

nodejs를 설치하면 npm이 함께 설치된다.

npm설치방법 : https://designer-ej.tistory.com/3

 

npm 명령어

 

   >> rmdir [ 폴더명 ]    

디렉트로 삭제(디렉트로 안에 파일이 없을 때)

 

   >> rmdir /s [ 폴더명 ]   

디렉트로 삭제(디렉트로 안에 파일이 있을 때)

 

   >> rmdir /s /q [ 폴더명 ]   

삭제 여부를 묻지 않음

 

   >> d: or c:   

드라이브 간 이동

 

   >> cd..   

상위 폴더로 이동

 

   >> cd [ 디렉토리 경로 ]   

다른 디렉토리로 이동

 

   >> dir   

현재 디렉토리 목록 확인

 

 

2. create-react-app 설치

window command 창에 아래 명령어 입력 

 

  >> npx create-react-app [ 프로젝트 이름 ]   

작업 폴더 안에 새로운 React 프로젝트가 생성된다.

 

 

3. Visual Studio Code 열기

window command 창에 아래 명령어 입력

 

   >> code [ 프로젝트 이름 ]   

해당 프로젝트의 Visual studio code가 열린다.

 

 

4. 프로젝트 안에서 React 실행

VScode 터미널에 npm start 명령어 입력

 

   >> npm start   

 

브라우저가 열리면서 해당 화면이 나타난다.