Node.js 시작하기

# 폴더생성후 비주얼스튜디오코드에서 연다

# 터미널

npm init

---->  package.json 파일을 만들기 위해 사용하는 명령어
- package.json : 설치한 라이브러리 목록을 자동으로 기록해주는 파일

 

# 서버생성 라이브러리 설치

npm install express

 

# server.js 파일 생성

const express = require('express');
const app = express();

app.listen(8000, function(){
    console.log('listening on 8000')
});

# 저장후 

node server.js

 

# 포트 에러시

# 윈도우

# 명령프롬프트 혹은 비주얼스튜디오 터미널

> netstat - ano

--> 물고 있는 PID 값 확인 하고 작업관리자에서 작업끝내기 누른다! 

 

아니면 포트 바꾸던지~ 

 

# 원하는 주소로 접근하기

app.get('/write', function(request , response){
    response.sendFile(__dirname +'/write.html')
});

 

# 저장후 껏다가  node server.js 실행하기를  반복  ---> 귀찮음

 

# 노드 서버 재시작 실행 편하게 

npm install -g nodemon

 

이제 파일 변경되면 저장후 브라우져 새로고침하면 반영된다!!

 

서버시작할때

nodemon server.js

 

# 갑자기 무슨이유인지 모르겠찌만.. 뭐 mysql 깐다고 삽질을 한 이후에 갑자기 nodemon 이 안됨. 아래처럼 해결함

  --> 기존에 잘되던 프로젝트에서도 안되고.

 

# 새로운 프로젝트를 하기위해 다른폴더에서 npm install -g nodemon 하면 안됨.. 왜그러는지 뭐가 꼬인건지...

# 일단 -g빼고 로컬로 깔고나서

 

package.json 파일에 아래처럼 쓰고 

"scripts": {
    "server": "nodemon server.js"
  },

터미널에서 사용시

npm run server

이렇게해서 두가지 경우 모두 해결함....

 

 

새로운 프로젝트에는 dependecies에도 자동으로 생성이 안되서 수동으로 nodedemon 코드 넣어줌...

 "dependencies": {
    "express": "^4.18.1",
    "mysql": "^2.18.1",
    "nodemon": "^2.0.16"
  }

 

 

 

# 시종일관 궁금했던 노드서버와 리액트클라이언트를 어떻게 연결하는지.. 잘 설명해주는것 같아 일단 북마크!

 

https://velog.io/@nemo/react-server 

[React] Node.js + Express로 임시 서버 생성하고 리액트와 연결하기

https://jrepository.tistory.com/58

[React] 리액트, 노드 연동하기 (프론트, 서버)

https://singa-korean.tistory.com/46

[React x Node.js] React와 Node.js 연동하는 방법

 

https://velog.io/@woojin/%EB%A6%AC%EC%95%A1%ED%8A%B8-%EB%85%B8%EB%93%9CJs-Express-%ED%85%9C%ED%94%8C%EB%A6%BF-%EB%A7%8C%EB%93%A4%EA%B8%B0

리액트 + 노드Js Express 연동 템플릿 만들기

 

나는 ↓ ↓ ↓ ↓  동영상으로 따라하기 하니까 에러없이 잘됨

https://youtu.be/w3vs4a03y3I