[React clone coding] #4. React 프로젝트 실행 시키기

 
 

✅ VSCode 실행하기

• 이제 VSCode를 열어서 해당 폴더 경로를 terminal로 들어가기
• 이때,  terminal은 Git Bash로 설정해준다.

terminal Git Bash로 설정하기

 

 

 
 

• 클론 후 제일 먼저 할 건 npm install

근데 설치가 안된다...?
그건 바로 node를 설치하지 않았기 때문

 
 

✅ Node.js 설치

Node.js — Run JavaScript Everywhere

 

 
위의 사이트에서 node.js를 설치한 뒤 터미널에 다시 npm install을 실행시키면 설치가 진행된다.

 
 
 
옆에 이 node_modules 디렉토리가 생성되면 설치가 잘 되고 있는것.

 
 

✅ npm start 실행

• npm install이 끝나면 터미널에 npm start 명령어를 입력해 프로젝트를 실행시켜준다.
• 아래와 같이 localhost:3000 로컬 주소가 뜨면 성공!

 

 반년전에 나는 리액트 레파지토리만 만들어두고 아무런 작업을 하지 않았나보군요...