초보 개발자

2021.09.11 - [RECAP - WETUBE] - 4-1 템플릿 pug 4-1 템플릿 pug 우리는 지금까지 res.send('메시지')를 보내왔다. 이번에는 HTML문서를 response해보려고한다. 물론 이렇게 해도 html형식으로 잘 전달이 되는 것을 확인할 수 있을 것이다. 본문에 h1태그 하나만 썻는데 taehyeki.tistory.com 이번에는 재사용성이 좋은 점에 대해서 설명해보겠다 먼저 pug는 상속을 받을 수 있다. extends 를 이용해서 다른 pug의 내용을 전부 받아 올 수 있다. 또한 부분적으로도 가져올 수 있다. header, footer, nav등 필요한 부품을 끼워 맞출 수 있는 레고같은 역할이다. 우리는 base.pug라는 기본 틀과 footer.pug 라는 부품..

우리는 지금까지 res.send('메시지')를 보내왔다. 이번에는 HTML문서를 response해보려고한다. 물론 이렇게 해도 html형식으로 잘 전달이 되는 것을 확인할 수 있을 것이다. 본문에 h1태그 하나만 썻는데도 이렇게 보기 복잡한데 앞으로 form등 여러 태그를 넣을 때 얼마나 복잡해 질지 상상이 안될 것이다. 여기서 등장한 것이 바로 Pug이다. 이 귀여운 퍼그가 우리를 앞으로 정말 정말 정말 정말 정말 편하게 해줄 것이다. 먼저 pug를 설치해보자 npm i pug 이렇게 추가만 해주면 템플릿 엔진을 퍼그로 설정해 줄 수 있다. src안에 views라는 폴더를 만들고 그 안에 pug파일을 만들어보자 기본적인 구조가 이렇다 html형식과 비슷해 보이면서 또 달라보인다. pug는 닫는 태그가 ..