MongoDB - server에 css, 부트스트랩 약간, ejs로 html 조립식

server로 render할 때 css파일 넣기

public 폴더에 css파일을 저장합니다.

    <link rel="stylesheet" href="/public/main.sass" />

=> css 파일을 public에 저장하는 이유는?
변하지 않는 파일(static files)은 보통 public 폴더 안에 저장하는 관습이 있다.

 

server.js에도 middleware를 아래와 같이 추가해주어야 합니다.

app.use("/public", express.static("public"));
=> static파일은 public폴더에 보관할게요.

 

---

 

부트스트랩 클래스 약간 알고 가기

container: 컨테이너처럼 좌우 마진 고정, width 화면너비에 따라 변함
mt-3: margin-top 같은거!
btn btn-danger: 버튼 꾸미기! (btn과 한 세트임)
text-center: text 옵션 같은거!

---

html 조립식으로 만드는 법

원하는 부품을 떼어 내 만든 뒤 <%- include('파일명') %> 형태로 만들어주면 된다.
    <%- include('nav.html')  %>