Express, Babel, Mongoose 설치하기(백엔드 개발환경 설치하기)

https://www.inflearn.com/course/%EB%A6%AC%EC%95%A1%ED%8A%B8-%EB%B8%94%EB%A1%9C%EA%B7%B8-%ED%92%80%EC%8A%A4%ED%83%9D/dashboard

이 강의를 보고 제 기술블로그를 만들 예정이며 블로그를 만들면서 학습의 목적이 있습니다.

서론

사이드프로젝트로 뭘 할까 고민하다가, 나만의 기술블로그를 만드는게 좋을 것 같드는 생각이 들었다. 전체적인 개발과정을 혼자해보고 싶은 욕심이 생겼기때문이다.

백엔드 개발환경 설치

npm i express cors dotenv hpp helmet

express : 서버 프레임워크
cors : 교차 출처 리소스 공유 서버가 다른곳에서 자원을 가져올경우 충돌이나는 CORS ERROR를 방지하기 위함
dotenv : 외부에 나가면 안되는것들을 외부로 유출되지않게 하는것
hpp, helmet : 보안의 취약점을 보완해주는 패키지

mongoDB관련

npm i mongoose

mongoose : js만으로 mongoDB를 운용할 수 있게 해주는 패키지

npm i moment

moment : mongoDB에 적용되는 시간이 한국 기준이 아니라서 글을 쓸때 created 시간이 내가 생각한 것과 달라질 수 있는데 moment는 한국시간으로 맞춰준다.

babel 설치

babel: js는 문법이 빠르게 변화한다. 근데 browser가 옛날 문법이라 적용하기가 힘든데 babel이 이 차이를 매꿔준다.

npm i @babel/cli @babel/core @babel/node @babel/preset-env babel-loader @babel/polyfill -D

@babel/cli : babel을 커멘드창에서 할 수 있게 해준다.
@babel/core : es 6 문법을 변환해준다.
@babel/preset-env : 미리 환경설정
babel-loader : 최종 컴파일
@babel/polyfill : babel-loader로 실행할 경우 polyfill만 import하면 최신문법 계속 적용가능

-D: 개발환경에서만 사용하겠다.

완료되었다. 이렇게 -D로 패키지를 설치할경우 배포 빌드 단계에서 빠지게 된다.

추가 개발환경 설치

npm i morgan nodemon

morgan : 서버에서 로그기록을 보여주는것
nodemon : 파일 저장을 했을 때 서버에 바로 적용시켜주는 것 (서버를 자동으로 재실행)