pug

Created

Created

2020 Mar 16 9:14

Tags

Tags

jade

notion image

vue support

싱글 파일 컴포넌트 - Vue.js

많은 Vue 프로젝트에서, 전역 컴포넌트는 Vue.component를 사용해 정의되고, 다음에 모든 페이지의 container 엘리먼트를 대상으로 하는 new Vue({el: '#container'}) 가 정의됩니다. 이것은 특정 뷰를 향상시키는 용도로만 사용되는 중소 규모 프로젝트에서 유용합니다. 하지만 좀 더 복잡한 프로젝트의 경우 또는 프론트엔드가 JavaScript 기반인 경우 단점이 분명해집니다. 전역 정의 모든 구성 요소에 대해 고유한 이름을 지정하도록 강요됩니다.

싱글 파일 컴포넌트 - Vue.js

https://kr.vuejs.org/v2/guide/single-file-components.html

싱글 파일 컴포넌트 - Vue.js

(NodeJS) 익스프레스 템플릿(Jade, Pug), Express template

안녕하세요! 이번 시간에는 익스프레스가 지원하는 템플릿 엔진에 대해 알아보겠습니다! 템플릿은 서식이나 틀을 말하죠. ES2015 강좌를 보신 분들은 문자열 템플릿 때 알아봤었는데요. 익스프레스의 템플릿은 html 템플릿입니다. 제 홈페이지를 보세요. 페이지를 아무리 넘겨도 이렇게 header와 footer 부분은 반복되죠. (옛날 홈페이지의 디자인입니다. 현재도 반복되는 부분을 찾을 수 있습니다) 이 부분을 모든 html 파일에 계속 넣을건가요?

(NodeJS) 익스프레스 템플릿(Jade, Pug), Express template

https://www.zerocho.com/category/NodeJS/post/578c64621e3613150037d3b3

(NodeJS) 익스프레스 템플릿(Jade, Pug), Express template

example

Pug 문법 정리 요약 (템플릿 엔진)

Node.js 에서 사용하는 템플릿 엔진은 굉장히 많이 있다. (pug(jade), ejs, handlebars, mustache 등) 그 중에 자주 사용되는 pug 문법을 정리한다. https://pugjs.org/api/getting-started.html 여기서 language reference를 보면 pug 문법을 더 명확하게 이해할 수 있다. * pug를 사용하는 이유 - 사실 어떤 템플릿 엔진을 사용해도 상관없다.

Pug 문법 정리 요약 (템플릿 엔진)

https://jeong-pro.tistory.com/65

Pug 문법 정리 요약 (템플릿 엔진)

Recommendations

//////