Express 서버 실행 및 접속하기

usnim·2023년 10월 13일

express node.js

web-back

목록 보기

1/3

Express란?🤔

Express는 가장 인기있는 Node 웹 프레임워크로 웹 및 모바일 애플리케이션을 위한 일련의 강력한 기능을 제공하는 간결하고 유연한 Node.js 웹 애플리케이션 프레임워크다.

Node.js는 오픈소스, 크로스 플랫폼이며, 개발자가 모든 종류의 서버 사이드 도구들과 애플리케이션을 JavaScript로 만들 수 있도록 해주는 런타임 환경이다.

Express는 이런 Node.js의 원칙과 방법을 이용하여 웹 애플리케이션을 만들기 위한 프레임워크다.

✅ Express 프레임워크 없이도, Node.js의 http 내장 모듈을 이용하여 웹 서버를 띄울수도 있다.

📍 http 내장모듈을 사용한 웹서버 띄우기


const http = require('http') //----- 1

console.log(1)

const server = http.createServer((req, res) => { //----- 2
  console.log('request received')

  res.setHeader('Content-Type', 'application/json') //----- 3
  res.end(JSON.stringify({ message: "Welcome to MY server without express" })) // 4
});

server.listen(8000, () => {
  console.log('server is running on PORT 8000')
}) // 5

이렇게 express 없이도 내장모듈을 사용해 웹서버를 띄울 수 있게 되는데
그렇담 express를 사용했을때의 장점은 무엇일까?🤔

📍 Express의 장점

📌 간편한 라우팅 (Simple Routing)

Express는 라우팅을 간단하게 설정할 수 있는 기능을 제공한다. URL에 따라 특정 함수 또는 미들웨어를 실행하는 데 사용된다.

📌 미들웨어 (Middleware) 지원

Express는 미들웨어를 사용하여 요청과 응답의 중간에 특정 작업을 수행할 수 있다. 이는 로깅, 인증, 데이터 변환 등과 같은 작업을 처리할 때 유용하다.

📌 유연한 설정 및 구성

Express는 서버 설정 및 환경 구성을 편리하게 할 수 있는 방법을 제공한다. 라우팅, 미들웨어, 템플릿 엔진 등을 쉽게 설정할 수 있다.

📌 풍부한 생태계

Express는 많은 수의 미들웨어 및 확장 모듈을 포함한 큰 생태계를 가지고 있다. 이는 기능을 확장하고 개발 속도를 높이는 데 도움이 된다.

📌 RESTful API 개발 용이성

Express는 RESTful API를 쉽게 개발할 수 있는 기능을 제공한다. HTTP 메소드와 라우팅을 통한 간단한 API 설계가 가능하다.

📌 에러 핸들링

Express는 에러 처리를 위한 강력한 메커니즘을 제공한다. 에러 핸들링이 편리하게 이루어지며, 개발자가 에러에 대한 세밀한 제어를 할 수 있다.

✅ 라우팅이나 미들웨어 등 장점을 활용한 방법은 다음번에 알아보기로 하고 이번에는 간단한 서버실행과 브라우저 접속만 알아보도록 할 예정이다.

📍 Express를 활용하는 방법

📌 프로젝트 생성

package.json 파일을 직접 만들거나 , npm init 명령어를 통해 만들 수 있다.

➡️ Terminal에 접속하여 npm 명령어로 package.json 파일 생성

작업을 진행할 프로젝트 폴더 생성
➡️ mkdir node-project

프로젝트 폴더로 이동
➡️ cd node-project

package.json 파일 생성
➡️ npm init -y

📌 Express 프레임워크 패키지 설치

#npm은 node package manager의 약자로 패키지 설치와 관리를 도와준다.
npm install 명령어를 통해 패키지를 설치한 경우 node_modules라는 폴더안에 설치한 패키지가 참조하고 있는 다른 모든 패키지가 설치되어 관리된다.
대다수의 패키지는 모든 프로그래밍 코드 자체를 개발하는 것이 아닌 특정 기능에 대해서는 이미 개발된 다른 패키지를 사용해서 개발하므로 패키지 간에는 연관성이 존재한다.

express 웹 프레임워크 설치

npm install express

📌 app.js 파일 작성하기

const express = require('express');
const app = express;
const port = 8000;

app.get('/',(req,res)=>{
  	res.send('Hello World!')
});

app.listen(port,() =>{
  console.log('Example app listening on port 8000!)
});