본문 바로가기

Back-End/Express.js

Express.js #3 (Node.js → Express.js 리팩터링)

반응형

아래 페이지에서 5번째 맨 마지막에 실습했던 걸,

Express.js를 이용해 리팩터링하여 다시 구현한다.

https://chiro-j.tistory.com/102

 

Node.js #3 (실습 1~5)

0. 실습 전 세팅 몇 가지 A ) 크롬 확장 프로그램 : "JSON Viewer" 설치 B) 제어판에서 한국어가 안 깨지도록 사전 설정하기 (※ 적용 후 재부팅 필요) 1. OK를 반환하는 서버 만들기더보기chapter03/code3-1-ok

chiro-j.tistory.com

 

chapter03/express-server/refactoring-to-express.js

const url = require("url");
const express = require("express");
const app = express();
const port = 3000;

app.listen(port, () => {
    console.log("익스프레스로 라우터 리팩터링하기")
})

// GET 메서드의 라우팅 설정
app.get("/", (_, res) => res.end("HOME"))
app.get("/user", user);
app.get("/feed", feed);


function user (req, res) {
    const user = url.parse(req.url, true).query;

    // 결괏값으로 유저명과 나이 제공
    res.json(`[user] name: ${user.name}, age: ${user.age}`)
} 

function feed (_, res) {            // '/feed'로 요청이 오면 실행되는 함수
    res.json(`<ul>
        <li>picture1</li>
        <li>picture2</li>
        <li>picture3</li>
        </ul>
    `)
}

 

※ 함수 OOO (_, param) {...} : 함수 패러미터로 받는 건 다 사용해야 되는데, 관례적으로 안쓸 건 언더바 처리한다.

(이건 무시해도 되는 값이니까 안 받을게~ 느낌)

 

 

 

반응형

'Back-End > Express.js' 카테고리의 다른 글

Express.js #4 (간단한 게시판 API 구현)  (3) 2025.08.04
Express.js #2 (시작하기)  (0) 2025.08.04
Express.js #1 (소개 및 개요)  (1) 2025.08.04
Express.js #0 (설치 및 환경 구축)  (0) 2025.08.04