새소식

react

react 알아보기(3) - 개발환경 셋업, react 앱 실행/종료

  • -

react 앱 생성, 실행, 종료

Create React App(CRA)

- react 앱을 생성하고 실행하는 환경을 설정해준다

- set up a modern web app by running one command

>> 명령(command)을 실행하여 모던 웹앱의 실행 환경을 셋업(build)한다

- 명령이란 터미널에 아래처럼 입력해 실행하는 것을 뜻함

 

npx create-react-app(정해져있음) project-name(개발자가 지정) [Enter]

- project-name 부분에 . 을 입력하면 폴더를 생성하지 않고 현재 폴더에 react 앱 환경 셋업

- npx 는 npm package unner (node.js를 설치할 때 같이 설치됨)

 

react 앱 실행

환경을 셋업하고

npm start[Enter]

>> http://localhost:3000 에 public 폴더의 index.html이 실행

 

react 앱 종료

Ctrl + c > react 앱 종료(서버 내리는 것)

Contents

포스팅 주소를 복사했습니다

이 글이 도움이 되었다면 공감 부탁드립니다.