콘텐츠 표현
1)태그 서술 끝난후 한칸 띄어쓰기 후에 표현하고자 하는 텍스트 기술.
Jade입력
html
head
body
div#division1 Hello Jade!
결과
<html>
<head></head>
<body>
<div id='division1'>Hello Jade!</div>
</body>
</html>
2)텍스트가 길면 | 기호를 사용해 다음 줄에서 이어서 표현 가능.
Jade입력
html
head
body
div#division1
| Hello
| Jade!
결과
<html>
<head></head>
<body>
<div id='division1'>Hello Jade!</div>
</body>
</html>
3)JSON 데이터 표현은 #{fieldname}으로 기술
Jade입력 ({"name":"John", "age":"22"} 이라는 JSON 데이터를 받았을때)
html
head
body
div#division1 #{name}
div#division2 #{age}
결과
<html>
<head></head>
<body>
<div id='division1'>John</div>
<div id='division2'>22</div>
</body>
</html>
주의 : <나 > 등의 특수문자들은 이스케이프 처리하여 출력됨. 이스케이프 되지 않은 상태로 출력하길 원한다면
!{fieldname}으로 출력하면 됨.
4)<script>와 <style>태그에 한해서 | 없이 여러 줄로 구성된 코드 기술 가능.
Jade입력
html
head
title example
script
if(foo){
bar();
} else {
baz();
}
결과
<html>
<head>
<title>example</title>
<script>
if(foo){
bar();
} else {
baz();
}
</script>
</head>
</html>
5)주석 표현 = //
Jade내의 주석 = //-
'블로그 > Node.JS' 카테고리의 다른 글
| npm으로 설치한 node모듈 제거 방법 (0) | 2013.11.04 |
|---|---|
| HTML 소스를 Jade로 변환해주는 웹 사이트 모음! (0) | 2013.10.30 |
| Jade 기본 문법(1/2) (0) | 2013.10.28 |