[블로그 2] home, about, contact 페이지 만들기

CodeMia 2021. 11. 7. 14:42

1. home.ejs 에서 <h1>HOME</h1> 입력하고

localhost:3000에서 HOME 나오게 하기

app.get("/", function(req, res) {

res.render("home")

});

2. 브라우저에 paragraph 내용 나오게 하기

home.ejs 템플릿에 내용 입력하고

ejs를 렌더해서 브라우저에 나오게 한다.

3. header.ejs footer.ejs 파일로 layouts 연결

4. views 폴더 안에 partials 폴더 만들고

header.ejs 와 footer.ejs를 넣는다.

그리고 home.ejs에서 header. footer 경로를 재설정해준다.

5. localhost:3000/about

localhost:3000/contact

페이지 완성하기

localhost:3000/about

localhost:3000/contact