티스토리 뷰
pug는 Express의 View engine이자 Node Express Template Engine이다.
pug 문법으로 쓰면 HTML 파일로 변환해준다.
닫는 태그는 따로 필요없고 탭을 하면 자식노드가 되고 탭을 안하면 형제노드가 된다.
다른 pug 파일에서 extends를 쓰면 연결한 pug layout 파일에서 html(pug)구조를 가져다 쓸 수 있다.
block content 영역에 들어가는 코드를 쓰면 된다.
자바스크립트 쓰는 법
#{ } 안에 javascript 문법을 적으면됨.
프로그래밍은 분할정복(나눠서 하나씩 처리하는 것)이다.
pugjs.org/api/getting-started.html
Getting Started – Pug
Getting Started Installation Pug is available via npm: $ npm install pug Overview The general rendering process of Pug is simple. pug.compile() will compile the Pug source code into a JavaScript function that takes a data object (called “locals”) as an
pugjs.org
NODE JS - PUG 설치와 사용법
◎ Template Engine PUG의 장점 ▼ 내용 Pug는 요즘 가장 핫한 Node Express Template Engine입니다. HTML을 간단하게 표현해서 가독성이 좋다. 마크업 문법보다 코드량이 적어 생산성이 좋아진다. JS 연산 결과를
dydals5678.tistory.com
'개발' 카테고리의 다른 글
| TIL : split() - 문자열에서 배열 만들기, javascript (0) | 2021.03.02 |
|---|---|
| TIL : URL, HTTP (0) | 2021.02.28 |
| TIL : MVC 패턴과 모듈화 (0) | 2020.12.28 |
| TIL : WSL2 환경에서 nodemon restart 안되는 이슈 (0) | 2020.12.24 |
| TIL : Terminal command (0) | 2020.11.01 |
- Total
- Today
- Yesterday
- 마케팅
- 복지로
- 네스프레소
- 넷플릭스
- 홈카페
- 테이블조명
- 소품샵
- 퍼블리싱
- webdesign
- 마음건강사업
- 서울시
- 에어로치노
- 경기광고홍보제
- 프로토타입
- 커피
- 성격강점검사
- 심리상담
- 리뷰
- 간접조명
- 침대조명
- 광명이케아
- XD
- 서울여행
- 비즈니스
- 구매후기
- 꿀팁
- 인포그래픽
- 디자인
- 청년마음건강
- 우유거품기
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | ||||||
| 2 | 3 | 4 | 5 | 6 | 7 | 8 |
| 9 | 10 | 11 | 12 | 13 | 14 | 15 |
| 16 | 17 | 18 | 19 | 20 | 21 | 22 |
| 23 | 24 | 25 | 26 | 27 | 28 |