npm으로 react 프로젝트 생성하기

1. Node.js 를 설치하여  npm 라이브러리 설치하기 

 

2. React 컴파일 환경 만들기

$npm install -g create-react-app

 

3. create-react-app 으로 프로젝트 생서하기.

$npx create-react-app gamegame

 

$cd gamegame
$npm start

gamegame 폴더로 이동한 후 npm start로 실행한다.

 

 

 

 

App.js는 index.html 페이지에서 수행되는 index.js에서 사용되는 App Component를 정의해 놓았으므로

아래와 같이 변경하면 실행페이지의 내용이 변경된다.

 

 

 

4. react 프로그램 공개하기. 

작성된 프로젝트를 웹에 공개한다. 이 때 해당 프로젝트를 build하여 공개 전용 파일을 생성한다.

$npm run build

 

 

build가 잘 되어있는지 확인하기 위해 웹서버기 필요하므로 아래 명령어로 serve 모듈을 설치한다.

$npm install -g serve

설치가 완료되면 서버를 실행한다.

 

$npx serve -s build

 

서버 실행

 

서버 실행 후 위 URL 두가지로 접속하면 마찬가지로 제작된 프로젝트 페이지가 뜬다.

 

 

 

출처: https://chuun92.tistory.com/15