NPM package

babel

: ES6 문법 으로 코딩시, babel의 지원 브라우저 설정을 통해 ES5 문법으로 변환해서 지원

현재 사용되고 있는 브라우저들 중에서 몇%이내 사용 브라우저까지 지원할것인지 설정등이 가능

cross browsing issue 해결

 

webpack, webpack-cli

: 모듈 번들러. webpack.config 설정을 통해 어떤 디렉토리의 js 들을가져와서 하나로 합쳐줌(요청수를 줄여줌)

 

lodash

: 자바스크립트 라이브러리로 여러가지 유틸리티 기능 제공

lodash Document https://lodash.com/docs/4.17.15

 

axios

: http요청 보낼때 사용

순서를 보장받기 위해서 Promise와 같이 사용됨

 

passport , passport-local

: 사용자 로그인 전략

 

express

:서버를 직접 구현해도 되지만, express를 사용시 더 빠르게 개발 가능.

express 공식페이지 https://expressjs.com/ko/guide/routing.html

 

express-session, cookie-parser

:쿠키세션 만들때 사용

 

cors

: cross origin issue로 인해 사용되며, 허용할 URL 설정 가능

 

bcrypt

: 해시값으로 암호화할때 사용

 

hpp, helmet

: node, express 보안 위함.

(express사용시 Http 헤더 설정을 자동으로 바꾸어주어 웹의 취약성으로 부터 보호)

helmet설명 https://7stocks.tistory.com/94

express보안관련 몇가지방법들 expressjs.com/ko/advanced/best-practice-security.html

 

morgan

: 설정에따라 http요청시마다 서버에 로그를 남겨줌

(사용시 다른 middleware 보다 상단에 선언 할것)

https://github.com/expressjs/morgan - Connect to preview

로깅, 토큰 설명 https://coralogix.com/log-analytics-blog/morgan-npm-logger-the-complete-guide/

번역글 https://chan180.tistory.com/164

 

joi(Javascript object schema validator)

: validate할 schema를 정의해서 validate할 object를 만들어서 object가 schema와 일치하는지를 확인해준다.

joi간단한설명글 https://gumpcha.github.io/blog/joi-overview

 

dotenv

: 환경변수 사용

 

 

 

이외 기타 참고 패키지

connect-flash

: 일회성 메세지 나타내주는 middleware

static

:요청주소와 실제폴더경로 다르게 지정가능

http-errors

:에러처리 핸들러