6.5.2.1 변수
res.render 호출 시 보내는 변수를 넌적스가 처리합니다. routes/index.js의 코드를 보면 다음과 같은 부분이 있습니다.
router.get('/', (req, res, next) => { res.render('index', { title: 'Express' }); });
넌적스
<h1>{{title}}</h1>
<p>Welcome to {{title}}</p>
<button class="{{title}}" type="submit">전송</button>
<input placeholder="{{title}} 연습" />
넌적스에서 변수는 {{ }}로 감쌉니다.
HTML
<h1>Express</h1>
<p>Welcome to Express</p>
<button class="Express" type="submit">전송</button>
<input placeholder="Express 연습" />
내부에 변수를 사용할 수도 있습니다. 변수를 선언할 때는 {% set 변수 = '값' %}를 사용합니다.
|
넌적스 |
HTML |
{% set node = 'Node.js' %}
{% set js = 'Javascript' %}
<p>{{node}}와 {{js}}</p>
|
<p>Node.js와 Javascript</p> |
HTML을 이스케이프하고 싶지 않다면 {{ 변수 | safe }}를 사용합니다.
|
넌적스 |
HTML |
<p>{{'<strong>이스케이프</strong>'}}</p> <p>{{'<strong>이스케이프하지 않음</strong>' | safe }}</p> |
<p><strong>이스케이프</strong></p> <p><strong>이스케이프하지 않음</strong></p> |