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

 

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

localhost:3000에서 HOME 나오게 하기 

 

브라우저

app.js

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

res.render("home")

});

 

 

 

 

 

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

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

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

브라우저

app.js

app.js

 

 

home.ejs

 

 

 

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

 

 

home.ejs

 

 

 

 

 

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

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

 

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

home.ejs

 

 

 

5. localhost:3000/about

 localhost:3000/contact

페이지 완성하기 

 

app.js

 

localhost:3000/about

about.ejs

 

 

 localhost:3000/contact

contact.ejs