Node js 라우터(Router)란?

📑목차
1. 라우터(Router)
1-1. 라우터란?
1-2. 라우터를 왜 사용할까?
1-3. app 라우팅 vs express.Router 라우팅

 

서론

먼저 이 포스팅을 읽기 전, 라우터에 대해 들어보신적 있으신가요?  OSI 계층에서 3계층인 네트워크 계층에서 통신 장비 "라우터" 라고 들어보셧나요?  하지만 네트워크에서 "라우터" 랑 소프트웨어에서 "라우터"는 다른 개념이니 이름이 같다고 같은 기능을 동작한다고 보시면 안됩니다. 그럼 왜  Node js 에서 "라우터" 를 알아야하는지 알아보는 시간을 가져보겠습니다. 

 

 

 

본론

1. 라우터(Router)

 

1-1. 라우터(Router)란? 

특정 HTTP 요청(URL 경로와 HTTP 메서드)에 따라 요청을 적절한 핸들러 함수로 전달하는 역할

 

 

1-2. 라우터를 왜 사용할까?

 

웹 사이트에서는 각각 다른 경로에서 다른 화면 또는 기능을 보여줘야 할 때가 많습니다. 이를 위해 라우팅을 분할하여 처리하면 유지보수도 쉬워지고 코드의 가독성을 높여주는 특징이 있습니다. 서버의 핵심 로직을 담당하는 app.js 같은 코드에서 하나의 라우팅 처리가 아닌 여러 개의 라우팅 처리를 하게 되면 코드가 길어질 수 밖에 없고 유지 보수와 코드가 간결하지 않아서 불편을 겪게 됩니다. 이를 극복하기 위해 Express 내부에서 라우팅 처리를 해주는 라우터 기능을 제공해줍니다.

 

 

1-3. app 라우팅 VS Express.Router( ) 라우팅

 

먼저 기본적인 app.js 에서 라우팅 처리를 하는 코드를 보여드리겠습니다. 

const express = require('express');

const app = express();


app.get('/', (req, res) => {
    res.send("나는 메인")
})

app.get('/test', (req, res) => {
    res.send('여기는 test')
})

app.post('/', (req, res) => {
    res.send("여기는 post 요청")
})


app.listen(3000, () => {
    console.log('서버 작동중~~')
})

이렇게 각각 요청 메서드에 따라 요청과 응답을 처리합니다. 이 코드를 보면 다른 경로에 해당하는 페이지를 보여주기 위해 코드를 더 추가해서 처리하는 방식으로 반복됩니다.  만약 페이지가 여러개고, 각각의 경로가 다르다면 코드가 길어질 수 밖에 없겠죠 ? 

그럼 이런 방식을 보완하기 위해 Express 에서 라우터 처리를 제공해주는 Express.Router( ) 를 사용한 코드를 보겠습니다. 

router.js 코드 
현재 이 코드를 보면 express 내부에서 라우팅 기능을 제공해주는  Router() 객체를 생성하고, Get 요청으로 각 경로에 해당하는 ejs 파일을 화면에 렌더링 하고 있습니다. 그리고 생성한 라우터 객체를 모듈로 내보내고 있습니다. 

const router = require('express').Router();
console.log(router);

router.get('/', (req, res) => {
    res.render('main')
})

router.get('/next', (req, res) => {
    res.render('next')
})

router.get('/test', (req, res) => {
    res.render('test');
})

module.exports = router;

 

내보낸  모듈을 app.js 에서 Exprees 애플리케이션에 등록하고,  미들웨어로 추가하여 수정한 코드

// Express 모듈 가져오기
const express = require('express');

// 라우터 모듈을 불러와서 Express 앱과 연결
const router = require('../RouterTest/router/router');

// Express 서버 객체 생성
const app = express();

// 템플릿 엔진을 EJS로 설정
app.set('view engine', 'ejs');

// 불러온 라우터를 미들웨어로 등록 (라우터에서 설정한 경로들을 사용할 수 있게 한다)
app.use('/', router);

// 요청 본문(body)의 데이터를 해석할 수 있도록 설정
app.use(express.urlencoded({ extended: false }));

// app.get('/', (req, res) => {
//     res.send("나는 메인")
// });


// app.get('/test', (req, res) => {
//     res.send('여기는 test')
// });


// app.post('/', (req, res) => {
//     res.send("여기는 post 요청")
// });

// 
app.listen(3000, () => {
    console.log('서버 작동중~~');
});

 

결론

기존에 주석 처리한 부분이 app.js 에서 모든 라우터 기능을 처리하였지만, Express 내부에서 제공해주는 라이브러리인  router 객체를 생성하여 모듈로 내보내서 app.js 에 등록하여 각각 분할하여 라우터 처리를 할 수 있습니다. 코드의 가독성과 유지보수가 쉽고 라우터 처리를 각각 분할하여 할 수 있다는 것을 알 수 있었습니다.