LambFerret's Blog

#3 <node.js 초보자 시작하기 : Router> 본문

웹 개발/node.JS

#3 <node.js 초보자 시작하기 : Router>

램페럿 2021. 9. 17. 19:10

난 router의 발음조차 몰랐다. 당연히 루터 인줄알았지 라우터가 루터 라는건 nodejs를 시작하고도 며칠 지나서 알았다. 

루터도 맞는 발음이긴하다. 근데 눌러보면 거의 다 다른 발음을 한다.

 

 

이미 express-gen에서도 router에 대한 골자는 형성되어 있는 상태니 우리는 이걸 복사해서 따라만 해보자 

 

라우터는 페이지에서 "/" 뒤의 주소를 받아 일단 거기로 가라는 지시를 해준다. 예를들어 홈페이지 라우터에 관련된 코드는 

//app.js 에 추가

var indexRouter = require('./routes/index');
app.use('/', indexRouter);
// routes/index.js

var router = require('express').Router();

/* GET home page. */
router.get('/', function(req, res, next) {
  res.render('index', { title: 'Express',
body: 'LoginPage' });
});

module.exports = router;
// views/index.hbs

<h1>{{title}}</h1>
<p>Welcome to {{title}}</p>

 

한개의 라우터를 사용하려면 세군데에 써야하지만 나중가서는 엄청 편한 정리방법이기에 유지보수에 좋다. "/" 주소로 들어가게 되면 index뷰를 렌더하고 그 뷰의 타이틀은 Express, 바디는 'LoginPage'가 나온다 

 

이를 응용해 만약 /community/profile을 만들고싶다면 

// app.js 에서
const 모듈이름 = require("./routes/지정된이름.js")
app.use("/community", 모듈이름)




// 지정된이름.js 에서
var router = require('express').Router();
router.get('/profile', function(req, res, next) {
  res.render('뷰 주고싶은것');
});
module.exports = router;

 

이렇게 간단하지만 유기적인 구조를 만들 수 있다. 

Comments