이전 글에서 Spring Boot와 React의 개발 환경 설정에 대해 알아보았다. 오늘은 React 앱을 생성하고 실행해보자.

1. React app 생성하기

VS Code 터미널에서 원하는 폴더로 이동하자. (본인은 이전 글에서 생성한 front 폴더를 사용 할 것이다)
터미널에 React 앱을 생성하기 위해 다음과 같은 명령어를 입력하자.

# 사용법
$ npx create-react-app <your-project-name>

# 사용 예제
$ npx create-react-app my-app

성공적으로 앱이 생성이 됐다면

We suggest that you begin by typing:

	cd my-app
    cd start

Happy hacking!

위와 같은 메시지가 출력 될 것이다.

2. React app 실행하기

실행은 정말 간단하다. 위 메시지와 동일하게 명령어를 입력하면 된다.

# 생성된 맵 폴더로 이동하기
$ cd my-app

# 앱 실행하기
$ cd start

실행이 성공적으로 됐다면 아래와 같은 화면을 가진 인터넷 창이 뜰 것이다.