CRUD Tutorial - ReactJS, NodeJS, MySQL [Part 1]

www.youtube.com/watch?v=T8mqZZ0r-RA  

 

[step#1]

-client : front

-server: back

 

[step#2]

1. server디렉토리에서 node.js 다운 : npm init. 모든 질문에 enter.

2. server디렉토리에서 express 다운 : npm install express

3. server디렉토리에서 body-parser 다운 : npm install body-parser 

4. server디렉토리에서 mysql다운 : npm install mysql

5. server디렉토리에서 nodemon다운 : npm install nodemon

 

**명령어 한줄로 가능 : npm install express body-parser mysql 아래와 같이 package.json에 dependacies에 자동 등록이 됨.

 

server폴더에 아무것도 안넣었는데 자동으로 생김?!

 

[step#3]

create express server

 

port 3001

server 디렉토리에서 node index.js를 실행 -> 'running on port 3001' 출력됨. 그리고 주소창에 localhost:3001을 입력하면 "Cannot GET / "이 출력됨. (정상적으로 장동되는 경우이다.)

 

 

"start": "node index.js" 추가 : "node index.js"를 입력 시 자동으로 리프레쉬 해주는 명령어.

"devStart": "nodemon index.js" 추가 : 브라우저를 새로고침할때 마다 개발환경도 자동으로 새로고침해주는 명령어.

= npm run devStart -> 매번 터미널에 node index.js를 입력하여 서버를 새로고침하지 않아도 된다. vsc에서 파일을 저장하면 자동으로 서버를 새로고침해준다. (터미널을 보면 알 수 있다. 저장할때 마다 새로고침됨)

** 위와 같은 명령어를 추가한 이유는 파일을 수정, 적용 후 확인 할때 매번 명령어를 넣어서 실행하지 않기 위함이다.