Window 10 환경에서 진행하니 참고 바랍니다.
Node.js 버전은 18.14.2 이고 Node가 이미 설치되어있다는 가정하에 진행합니다.

React App 만들기

React App 환경을 자동으로 만들어주는 도구인 create-react-app을 사용하기 위해 설치해준다. 이때 -g 옵션을 추가하여 시스템 전역에 패키지를 설치한다.

$ npm install -g create-react-app
$ create-react-app 앱명

프로젝트 시작

package.json 파일을 열어보면 scripts 부분이 있는데

여기에 있는 명령어를 이용해서 프로젝트를 시작할 수 있다.

$ npm run start

가장 먼저 시작되는 부분은 index.js 이며 아래 사진과 같이 index.js 에서 App.js에 App을 실행한다.

이제 원하는 앱을 만들기 위해 App.js에 코딩을 시작하면 된다.