코딩하렴

Node.js 웹 만들기 간단 정리 2

by 으렴






Middleware

express의 핵심 요청과 응답의 중간에 위치해서 middleware라고 합니다.

주로 middleware는 app.use와 함께 사용됩니다.

app.use(express.static('public'))

이 부분도 미들웨어에 해당합니다.





router

이제 router를 만들어 봅시다.


router폴더를 새로 만듦니다 그리고 index.js를 만들고


그안에 login폴더와 login.js를 만듭니다.


app.js에 다음의 코드를 추가하세요


const router = require('./router/index')

/* 중략 */

app.use(router)


app.use(router)는 맨 아래쪽에 작성하세요.


app.js에 있는 '/' 를 읽는 app.get( ~ )코드를 삭제하고 index.js에 다음의 코드를 작성하세요



var express = require('express')
var app = express()
var router = express.Router();
var path = require('path')
var login = require('./login/login')


router.get('/',function (req,res) {
console.log("index.js loaded")

res.sendFile(path.join(__dirname , "../public/main.html"))
})

router.use('/login',login)

module.exports = router;


app.js에서 삭제한 '/' url을 읽어주는 코드를 이곳으로 옮긴 것이라고 할 수 있습니다.



이거슨 login.js


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

router.get('/',function (req,res) {
console.log('login.js loaded')

res.sendFile(path.join(__dirname , "../../public/index.html"))
})

module.exports = router;


각 router 속 파일들은 module.exports되어 router로 배출됩니다.


login.js의 router를 보면 '/login' url이 붙어있지 않은 것을 확인 할 수 있는데


이것은 이미 login url이 붙어있는 상태에서 호출되는 것이기때문에 한번 더붙이지 않습니다.





이렇게 한뒤 확인하면 잘 돌아가는 것을 확인 할 수 있습니다.


router를 만들고 난 이후에는 경로 확인을 잘 해줘야 할 것 같습니다.



사이트의 정보

코딩하렴

으렴

활동하기