Node.js와 Express

❓Library

🌱
특정 기능이나 작업을 쉽게 구현할 수 있도록 미리 작성된( 사람들이 미리 작성해둔 ) 코드의 모음

• 라이브러리 사용하기
  • download: 코드 용량이 크고 여러 라이브러리를 하나하나 찾아서 다운 받기는 어려움
  • CDN( Contents Delivery Network )
    : 라이브러리가 많아질 수록 head 태그가 길어지고 모든 라이브러리가 CDN을 지원하지는 않음
  • 패키지 매니저 사용: npm install <라이브러리명>

    NPM( Node.js Package Manager

    자바스크립트를 위한 패키지 매니저
    자바스크립트 런타임 환경인 Node.js에서 기본 패키지 매니저로 동작

✔️ Node.js

• 자바스크립트 코드를 브라우저 외부에서 실행할 수 있게 해주는 런타임 환경
• 서버( 백엔드 ), CLI 도구, 데스크탑 애플리케이션 개발 등에도 사용 가능
  • ex ) Electron( 데스크탑 애플리케이션 ), Express( 백엔드 애플리케이션 개발 )
• LTS(  Long Term Support )로 설치 !

  📍 node command

  • node-v, npm-v 로 version check
  • node index.js( 파일명 ): 브라우저 없이 코드 실행시키기
  • npm init: npm 적용하기
  • npm install: packagee.json 기준 필요한 라이브러리 모두 설치
    • npm install <라이브러리명>: 필요한 라이브러리 설치

• package.json → dependencies / devdependencies
  • npm --save -dev install , npm -D install
  • dependencies: 빌드 후 결과물에 포함되는 경우
  • dependencies: 빌드 시에만 필요한 경우 ( 개발 환경에서만 )

✔️ Module ( 모듈 )

• 재사용 가능한 코드 조각( == 라이브러리 )
• scope + definition( module.exports/export ) + usage( import/require )
  • ESM( ES Module ): 자바스크립트의 최신 모듈 시스템, import, export
• Module 작성

  const moduleName = () => {
  	// doing something 
  };
  
  export default moduleName; // <- import 하여 사용

✔️ Express

• Node.js 환경에서 백엔드를 구축하기 위한 대표적인 자바스크립트 라이브러리
  • src 폴더: 프로젝트 폴더
  • index.js: 애플리케이션의 엔트리 포인트

✔️ Babel

• Node.js에서 자바스크립트 최신 문법을 사용할 수 있게 해주는 라이브러리
  • 3가지 의존성 설치: @babel/core, @babel/node, @babel/preset-env
    • --save-dev / -D : ‘개발 환경’ 에서만 사용하도록 라이브러리 설치, 빌드 시 포함 X
    • package.json > devDependencies 에 추가
    • @babel/preset-env 프리셋 설정
      • babel.config.json > {"presets": ["@babel/preset-env"]} 작성
    • package.json에 type: module 작성

✔️ Nodemon

• 코드 저장 시 스크립트를 자동으로 재시작해주는 라이브러리
• --save-dev / -D : ‘개발 환경’ 에서만 사용하도록 라이브러리 설치, 빌드 시 포함 X
• nodemon.json

  {
    "watch": ["src/*"],
    "ext": "js ts json",
    "exec": "node ./src/index.js",
    "verbose": true,
    "ignore": ["*.test.js", "node_modules"],
    "delay": 1500,
    "env": {
      "NODE_ENV": "development",
      "PORT": 8080
    }
  }

---