express.js #0 - css 연결

0. html 파일에서 head 태그 부분은 header.ejs에 넣어주고 body닫는 태그와 html닫는 태그는 footer.ejs로 넣어준다.

why?? head태그 부분에 link태그들이 계속 추가된다면 계속해서 이 head태그를 포함한 html파일들을 만들 경우 비효율적임

 

views폴더에 header.ejs와 footer.ejs를 만들어줌!

#views/header.ejs

-7번째 줄은 아직 적지말것~!

 

#views/footer.ejs

#views/index.ejs -> 메인 내용 담을 html

- 1번째 줄 : header.ejs 파일 가져와서 붙여라

- 3번째 줄: footer.ejs파일 가져와서 붙여라

 

 

 

1. css 연결하기

:pubilc 폴더의 stylesheets 폴더에 파일 생성 

ex) main.css 라 생성해주었다.

 

 

2. 그리고 아까 0번에서 만들어준 header.ejs 파일에 다음과 같이 css 링크태그 추가!