개발노트

back 세팅 본문

React/project

back 세팅

aloha2jh 2020. 8. 20. 15:02

DB, backend server 를 만든다

frontend server(next, customServer)

 

 

 

사용할 패키지들 설치

node http모듈로 쓸수있지만, 편의를 위해 express라는 프레임워크를 얹어서 사용하도록 한다

npm i express

 

http요청보낼때

npm i axios

 

비밀번호암호화 위함

npm i bcrypt

 

(로그인) 쿠키 세션

npm i cookie-parser express-session

 

환경변수(비밀번호 관리)

npm i dotenv

 

백서버랑 프론트서버랑 주소다를때, 요청보낼때 보안때문에 제약이걸리는데 (cross origin)그 제약풀어주는 cors

npm i cors

 

node, express의 보안 담당

npm i helmet hpp

 

서버에 로그남겨줌(누구한테요청왔는지, 어떤응답보냈는지)

npm i morgan

 

이미지업로드

npm i multer

 

로그인 관리 (회원가입, 로그인 처리 도와주는 패키지)

npm i passport passport-local

 

db mysql CRUD 간단히 사용하기 위해서 ( ORM -> sql문이랑js랑 연결 ,javascript 로 db조작 가능하게해줌 )

npm i sequelize sequelize-cli
npm i -g sequelize-cli

 

개발환경 패키지들 설치

 

eslint

npm i -D eslint eslint-config-airbnb
npm i -D eslint-plugin-jsx-a11y

 

 

서버바뀌면 노드는 서버재부팅해야되서, 노드몬설치하면 코드바뀐거 감지해서 서버재부팅 해줌

npm i -D nodemon

노드몬 설정 1. 패키지.json파일에서 개발용일때 노드몬으로 실행하도록

 //package.json
  "scripts": {
    "dev": "nodemon"
  },

 

노드몬 설정 2. nodemon.json 생성

{
    "watch":[
        "index.js",
        "routes",
        "config",
        "passport",
        "modules",
        "nodemon.json"
    ],
    "exec": "node index.js",
    "ext": "js json"
}

watch -> 안의 폴더들을 지켜보다가 변경(수정)이되면 exec의명령어를 실행하겠다

node index.js는 index.js를 실행한다는건데

index.js안에 서버를 시작하는 코드가 있어서

그안의 서버가 실행이 됨.

node index.js 노드서버실행하는 명령어가 됨.

 

npm run dev로 실행.

'React > project' 카테고리의 다른 글

redux  (0) 2020.08.25
back 서버실행  (0) 2020.08.20
eslint 추가  (0) 2020.08.12
redux-saga / all, fork, takeLatest, call, put 메서드 설명  (0) 2020.08.11
generator  (0) 2020.08.11