tech.junha.kr

[Express 입문] 웹 서버 프레임 워크 express란?

1. Express란?

  • Node.js로 서버 만들 때 사용하는 강력한 웹 프레임워크
  • 라우팅과 미들웨어 기능을 구현하며, 엄청나게 안정적이다.​

웹 프레임 워크: 웹 서비스를 빠르게 구성하기 위해, HTTP 요청, 응답, 라우팅, HTML Templating 등의 기능을 제공하는 툴이다.

라우팅: HTTP 요청 URL에 해당하는 알맞은 응답을 보내주는 경로를 미리 설정해주는 기능

2. Express 설치

$ npm install express
$ npx express-generator my-web

express-generator

  • 프로젝트의 기본구조를 빠르게 구축할 수 있는 방법이다.
  • 프로젝트 생성 이후엔 사용되지 않기 때문에 npx를 이용하여 사용된다.

디렉토리 구조

  • app.js: Express.js의 가장 기본이 되는 파일
  • bin/www: Express.js 실행 부분 담당, 포트와 실행 오류 등을 정의
  • package.json: 프로젝트 의존성 및 스크립트 정의
  • public: 코드를 통하지 않고, 직접 제공되는 파일 디렉토리
  • routes: 라우팅 파일 디렉토리
  • views: HTML Template 디렉토리

3. Express 서버 실행하기

app 객체는 Express.js의 기능을 담은 객체로, Express.js의 모든 동작은 app 객체에 정의된다.

const express = require("express")
import express from "express

**app.listen()**은 http 서버를 생성해주는 함수다.

const app = express();

// localhost:4000로 서버에 접속
app.listen(4000)

js파일을 실행해 express 서버를 실행한다.

$ node app.js

// package.json
"scripts":{ "start":"node app.js" }
$ npm start