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를 만들고 난 이후에는 경로 확인을 잘 해줘야 할 것 같습니다.
'Web > JAVASCRIPT' 카테고리의 다른 글
VSCode ; Visual Studio Code 설치하기 (0) | 2019.07.02 |
---|---|
AJAX Asynchronous Javascript and XML 에이잭스 (0) | 2019.02.27 |
Javascript로 마우스 우클릭 막기 (0) | 2019.02.21 |
Node.js 웹 만들기 간단 정리 1 (0) | 2019.02.16 |
[node err] SyntaxError: Unexpected token o in JSON at position 0 (0) | 2019.02.15 |
사이트의 정보
코딩하렴
으렴