Chapter02. 리엑트 프로젝트 실행, 종료 시키기

<< 학습 목표 >>

1. 리엑트 프로젝트를 실행시킬 수 있다.

2. 리엑트 프로젝트를 종료시킬 수 있다.

---

리엑트 프로젝트를 실행시키려면

1. 실행 시킬 리엑트 프로젝트를 vs code로 직접 열거나

2. 실행 시킬 리엑트 프로젝트를 포함하고 있는 상위 폴더를 vs code로 열어야함

 

vs code에서 프로젝트 또는 폴더를 열 때는 vs code 내 상단 [ 파일 ] (1) -> [ 폴더 열기 ] (2) 후 해당 폴더를 선택하자

 

그 다음 vs code 내에서 터미널 창을 열어야함

터미널 창을 열려면 vs code 내 상단 [ 터미널 ] (1) -> [ 새 터미널 ] (2) 클릭

 

그럼 vs code 하단에 터미널 콘솔(1)이 열렸을 것

 

이제 터미널에서 리엑트 프로젝트를 실행시키는 명령을 입력하면 되는데

1. 실행시킬 리엑트 프로젝트를 직접 열었다면 바로 리엑트 프로젝트를 실행시키는 명령을 입력하면 됨

2. 실행 시킬 리엑트 프로젝트를 포함하고 있는 상위 폴더를 열었다면 터미널 창 내에서 실행시킬 리엑트 프로젝트로 이동 후 리엑트 프로젝트를 실행시키는 명령을 입력하면 됨

 

즉, 리엑트 프로젝트로 이동 후 리엑트 프로젝트를 실행 시키냐 곧바로 리엑트 프로젝트를 실행시키냐의 차이

 

터미널 창에서 명령을 실행시킬 때는 엔터키를 눌러야함

 

실행시킬 리엑트 프로젝트로 이동할 때는 cd (프로젝트) 명령으로 이동할 수 있음

cd 명령을 사용해 실행시킬 리엑트 프로젝트로 이동했음(1)

터미널의 경로(2)를 보면 실행시킬 리엑트 프로젝트로 이동한 걸 알 수 있음

 

리엑트 프로젝트를 실행시키는 명령은 npm start 임

해당 명령을 입력하고 잠시 기다리면 리엑트 페이지가 열리는걸 볼 수 있음

---

리엑트 프로젝트를 종료하고 싶을 때는 vs code를 끄면 되지만 또 다른 방법으로는 vs code의 터미널 창을 한번 클릭 한 후 Ctrl + C 를 누르면 됨

그럼 [ 일괄 작업을 끝내시겠습니까? (Y/N)? ] 메세지(1)가 나오는데 Y 입력 후 엔터키를 누르면 리엑트 프로젝트가 종료됨