리액트 웹 실행 시키기

앞서 리액트 설치 과정까지 완료하였다면 이제 리액트의 기본 웹앱을 실행을 시켜봅시다.

(이전에 포스팅한 설치 방법을 링크해두었습니다.)

https://ktw2408.tistory.com/3?category=950829

React 의 간단 개념과 설치 방법

VS CODE를 실행시킨 뒤 탐색기 화면을 보면 react-app 폴더 안에는 여러가지 폴더와 파일이 있습니다.

(build 폴더의 경우 처음에는 생성되지 않습니다.)

모든 개발 환경이 갖추어졌으면 터미널에 [npm run start] 명령어를 입력하여 실행합니다.

그 결과로 웹 페이지가 열리게 됩니다. 

(윈도우의 경우는 엣지가 기본적으로 열리게 되어 있습니다.)

리액트 기본 웹 애플리케이션 오픈

터미널의 메세지를 확인해보면 아래와 같이 출력이 되는데 

출력된 주소가 두가지가 있습니다. 

이 두개의 주소 중 어느 주소로 들어가도 됩니다.

터미널의 메세지 출력 내용

터미널에 출력된 주소로 입력하여 접속

앱의 실행을 종료할 때에는 [Ctrl] + [C]를 터미널에서 누르면 일괄 작업을 끝내겠냐는 메세지가 출력이 되고 

y를 입력한 뒤 엔터를 치면 종료가 됩니다.

리액트 웹 앱 종료하기