[Node.js] node(express), mysql, react(babel) 개발환경 구축

최종갱신일 2019.05.24

 

터미널 창을 여시고 커멘드를 하나씩 따라하시면 됩니다.

(node.js 와 npm이 이미 설치되어 있다고 가정합니다. npm은 5.2버전 이상이여야 합니다)

 

npm install express-generator -g

cd 프로젝트를_설치하려는_경로 

express --view=pug 프로젝트_이름 

cd 프로젝트_이름 

npm install

set DEBUG=프로젝트_이름:*  ( 맥os, 리눅스인 경우는 set을 빼주세요 )

npm init --yes

npm install express mysql --save --save-exact

npm install babel-cli@6 babel-preset-react-app@3

cd public

mkdir react

mkdir babel

cd ..

 

끝

 

-------------------------------

 

리엑트가 들어있는 자바스크립트 파일을 프로젝트경로/프로젝트이름/public/react폴더에 넣어주시고

npx babel --watch public/react --out-dir ./public/babel --presets react-app/prod

 

이 명령어를 터미널에서 입력해주시면

 

프로젝트경로/프로젝트이름/public/babel폴더안에 사용가능한 자바스크립트 파일로 변환해 줍니다

 

그리고 ctrl + c 를 눌러주세요 그 다음은 y 엔터

 

변환된 리엑트 파일을 사용하려면 html에서

 

<script src='babel/리엑트파일명.js'></script> 를 넣어주시면 됩니다.

 

끝