3강. express 웹 프레임워크

이 글에서는 express라는 웹 프레임워크에 대해 소개한다.

express란

express는 node.js에서 서버와 API를 쉽게 만들 수 있게 돕는 웹 프레임워크의 일종이다. 라우팅, 미들웨어, 요청/응답 처리 등을 express를 통해 간단히 작성할 수 있다.

express 설치 및 QUICK START

터미널에서 아래와 같이 express를 설치한다.

npm i express

npm i express

아래와 같이 START CODE를 입력해 보자

//express 모듈 불러오기
const express = require('express')

//express 앱 객체 생성
const app = express()

//서버가 실행될 포트 번호 설정
const port = 3000

// '/'경로에 get요청이 들어왔을 때 실행할 콜백 함수 등록
app.get('/', (req,res) => {
    res.send('hello world')
})

// 지정 포트에서 서버 실행
app.listen(port, () => {
//서버 실행되면 콘솔에 메시지 출력(작은따옴표 대신 백틱임을 주의) 
  console.log(`exampla app listening on port ${port}`)
})

//express 모듈 불러오기
const express = require('express')

//express 앱 객체 생성
const app = express()

//서버가 실행될 포트 번호 설정
const port = 3000

// '/'경로에 get요청이 들어왔을 때 실행할 콜백 함수 등록
app.get('/', (req,res) => {
    res.send('hello world')
})

// 지정 포트에서 서버 실행
app.listen(port, () => {
//서버 실행되면 콘솔에 메시지 출력(작은따옴표 대신 백틱임을 주의) 
  console.log(`exampla app listening on port ${port}`)
})

저장 후 아래와 같이 터미널에서 실행하자.

npm index.js

npm index.js

실행 결과를 크롬을 통해 확인해 보자. 크롬 창을 열고 localhost:3000이라 입력하면 ‘hello world’ 문구를 확인할 수 있다.

서버를 종료하려면 터미널에서 ctrl+c를 입력하면 된다.

이제 express 웹프레임워크를 이용해 간단한 웹앱을 만들어보았다. 지금까지는 quick start 코드를 복사,붙여넣기하여 만든 것이므로 원리를 이해하고 만들었다고 할 수 없다. 다음 시간부터는 API를 배움으로써 주도적으로 웹앱을 구성해 볼 것이다.

>>다음 강의 가기 : 4강
>>강좌 목록으로 돌아가기