Node.js 생활코딩 정리 – jade extends 란?

jade - extends

 

만약 두개의 jade 파일이 다음과 같다고 하자

 

 

두 jade 파일은 li까지는 같다 즉 중복이 있다. 이를 없애기 위해서는 jade extends를 사용한다.

 

다음과 같이 layout.jade를 선언해보자

 

html

head

body

ul

li javascript

li node js

li expressjs

article

block content

 

그리고 view.jade를 선언해보자 여기서 | 은 그다음 글자들은 텍스트로 인식하라는 뜻이다.

 

extends ./layout

block content

| javascript is ....

 

 

 

 

 

 

 

마지막으로 add.jade를 선언해보자

 

extends ./layout

block content

form

input(type="text")

input(type="submit")

 

이런식으로 짜면 중복을 최소화해서 만들 수 있다.

 

jade_extends.js

 

var express = require('express');

var app = express();

app.set('view engine', 'jade');

app.set('views', 'jade');

app.get('/view', function(req, res){

res.render('view');

});

app.get('/add', function(req, res){

res.render('add');

});

app.listen(3003, function(){

console.log('Connected, 3003 port!');

});

 

 

 

실행 화면

잘 나온다.

 

 

 

 

 

 

 

 

 

비슷한 방법으로는 includes 방법이 있다.

 

 

출처 : https://opentutorials.org/course/2136