css 사용

html파일을 꾸밀 때 css를 사용하려면 public폴더를 만들고 그 안에 css파일을 넣어야한다.

그리고 server.js 에 미들 웨어 코드를 추가해야한다.

app.use('/public', express.static('public'));

 

그리고 nav에 링크를 달건데 nav는 파일마다 있으므로

<a class="nav-link" href="/write">Write</a>

파일마다 href경로를 수정해주기엔 번거롭다. 그래서 nav태그를 조립식으로 첨부할 수 있다.

views폴더에 nav.html을 생성해주고 그 안에, nav내용들을 작성해준다.

 

그리고 .ejs파일들에는

<%- include('nav.html') %>

이런 식으로 include를 이용해 적어주면 된다. .ejs에만 가능하므로 html파일들에는 직접 nav내용을 복붙해주면 된다.