JAVASCRIPT관련 각종 모듈 설치,설정 메모

babelJS

: 새로운 최신의 자바스크립트 형태의 문법을 가질 수 있음. ES6라는 걸 지금 알았다.

이걸 사용하면, node를 사용할 때 인식하는 문법으로 compile해주고, 코드를 실행해줌. 실행 커맨드는 다음과 같다.

babel-node '자바스크립트파일'(엔터) 

위 코드를 npm start로 작동하게 package.json 파일에 configure 해둔다.

 

nodemon :

코드를 변경할 때 마다 익스프레스 서버를 control + c 로 끄고 다시 다음과 같이 실행해주고,

node '자바스크립트 파일' (엔터)의 형식으로 갱신한다. 하지만, nodemon을 사용하면 서버를 한번 실행하면, 코드 내용이 변경되도 서버를 껏다 재시작하는 번거로움이 사라진다.

 

nodemon 설치방법

이 모듈은 프로젝트에 필요한게 아니고 프로그래머(사용자)에게 필요한 모듈이기 때문에 dependancy에 들어가게 하면 안된다.

그말은, dependency안에 들어간 모듈은 프로젝트에 필요한 부분이라는 점을 기억하자.

그래서 다음과 같은 커맨드로 실행

 

npm start nodemon -D(엔터)

-D옵션으로 "devDependencies" 안으로 집어넣을 수 있다. 프로그래머에게 필요한 모듈!(수정작업으로 서버를 재시작할 필요가 없게함)

 

package.json파일중

"scripts": {

"start": "nodemon --exec babel-node init.js --delay 1"

}

로 설정하고, npm start 로 실행

이제 코드를 저장할 때 마다 서버를 알아서 재시작해줌.

 

morgan 

: login 관련 middleware이다. 

사용자가 로그인 시 사용자의 환경정보 ? status code는 어떤지 등등을 보여준다.

 

helmet express

: 보안 관련 express middleware

 

cookie-parser

:유저의 로그인 정보를 쿠키에 저장한다. 쿠키를 이용해서 session을 다룰수 있게 됨.

 

body-parser

:  서버를 통해서 로그인 정보를 받게 되는데, 특정 포맷으로 로그인 정보를 꾸려서 받을 수 있게 하는 middleware