Nodejs ex03 ex04: Router를 사용한 페이지 출력

안녕하세요. 각성한 데브키라입니다. nodejs에서 라우터를 사용해서 페이지를 출력해보겠습니다.

실행결과는 동일하지만 ex03은 라우터를 사용하지 않고 직접적으로 페이지를 호출했고 ex04는 라우터를 사용해서 페이지를 호출했습니다.

ex03 - 라우터를 사용하지 않고 페이지를 호출

• 라이터를 사용하지 않고 app.js에서 index.ejs를 호출합니다.

[ app.js ]

const express = require("express");
const app = express();

app.set("views", "./views");
app.set("view engine", "ejs");

const router = express.Router();
app.use("/", router);
router.get("/", (req, res) => {
    res.render("index");
});

const router2 = express.Router();
app.use("/member", router2)
router2.get("/list", (req, res)=> {
    res.send("member/list 경로 연결")
})


app.listen(3000, () => console.log("Server is running on port 3000"));

 

[index.ejs]

index

실행)

결과

 

ex04 - 라우터를 사용하지 않고 페이지를 호출

• 라이터를 사용하지 않고 app.js에서 index.ejs를 호출합니다.

[ app.js ]

const express = require("express")
const router = require("./routers/test_router")
const app = express()

app.set("views", "./views")
app.set('view engine', 'ejs');
app.use("/", router)

app.listen(3000, ()=>console.log("3000 port start"))

 

[ test_router.js ]

const express = require("express")
const router = express.Router()
router.get("/", (req, res)=>{
    console.log("index")
    res.render("index");
})
module.exports = router

 

[ index.ejs ]

index

 

실행)

결과

결론)

 결과는 동일하지만 내용이 복잡해지고 페이지마 많이 생성될수록 라우터를 사용하는 것이 관리에 도움을 줍니다.

gitHub 소스코드 - ex03 ex04 참조

https://github.com/nomadicalphonse/study-nodeJs/tree/master/app

[ 참조 Youtube ]

https://youtu.be/HIh-T-pQ3E8?si=-MQoy_M4gVYHG4nz

https://youtu.be/tJbOoWHBcGg?si=XgTqKmJDrd1c_Qn3 

 

Nodejs ex01: NodeJs서버실행 후 첫 화면 출력 
Nodejs ex02: EXPRESS 및 EJS설정 
Nodejs ex03 ex04: Router를 사용한 페이지 출력 
Nodejs ex05: 라우터 컨트롤러 연계 
Nodejs ex06: Controller에 Service연결 
Nodejs ex07: 파라메타 전송 리다이렉트 로그인처리 
Nodejs ex08: 쿠키를 이용한 팝업창 특정시간 뜨지 않도록 설정하는 예제 
Nodejs ex09: 쿠키 암호화 예제 

[ NodeJs강좌 전체목록 ]

NodeJs: 기초부터 고급까지 실무 적용 완벽 가이드