r1
| 1 | [[분류:테스트]][[분류:나무마크 문법]] |
|---|
| 2 | == 개요 == |
|---|
| 3 | ||<table align=right><nopad><table bordercolor=#abcdef> [youtube(9bZkp7q19f0, width=320px, height=240px)]|| |
|---|
| 4 | || ---{{{#00A495 '''\{\{\{#!wiki style=""[br]\}\}\}'''}}}--- || |
|---|
| 5 | wiki 구문 테스트. |
|---|
r3
| 6 | 나무위키 문법 도움말을 참고할 수 있다. |
|---|
r1
| 7 | |
|---|
r3
| 8 | 몇몇 테스트는 RAW(원문) 참조. |
|---|
| 9 | 텍스트 등 양식(style)을 설정하고 출력할 범위를 지정하는 구문(문법). |
|---|
r11
| 10 | 기본적으로 개행을 하면 깨지는 문제가 있어 속에 나무마크 구문(문법)을 이용한 출력을 내기 곤란한 구문[* 예 : \[ \] 기호가 들어가는 주석][* {{{#!wiki style="display:inline;" |
|---|
| 11 | >앞에서 언급한 인용문 구문을 더 설명하자면, |
|---|
| 12 | >{{{#!wiki style="display:inline; font-family:monospace;" |
|---|
| 13 | \[* > {{{#dodgerblue (인용할 내용)}}}\]}}} 식으로 입력하면 각주 안에 인용문을 넣기 불가능지만 이렇게 wiki 구문을 이용하면 각주 안에도 인용문을 ---집어---넣을 수도 있다.}}}] |
|---|
| 14 | 에 ---집어---넣어줄 수 있다. |
|---|
r2
| 15 | == 빈 공간 == |
|---|
r3
| 16 | 그냥 \{{{#!wiki 만 넣어도 동작된다. 별도 설정한 양식이 없는 구문인데, 기본값(default)에 따른 출력으로 나오는 모양이다. |
|---|
r2
| 17 | |
|---|
| 18 | {{{#!wiki |
|---|
| 19 | 무난하게 출력된다.}}} |
|---|
| 20 | == style == |
|---|
r12
| 21 | {{{style=""}}} 그리고 콜론({{{:}}})[* 구분자. 양식(속성)이름:설정값 으로 동작되는 모양], 스페이스바[* 설정해야 하는 변수를 구분], 세미콜론({{{;}}})[* 설정할 양식을 각각으로 구분하는 표시(명령 구분자)] 등 기호를 잘 입력해야 한다. |
|---|
r7
| 22 | ##display:none을 두고 의도적으로 다르게 적은 문장. |
|---|
r4
| 23 | {{{#!wiki style="" |
|---|
r6
| 24 | style에 아무 것도 입력하지 않아도 (default) 출력할 수 있다.}}} |
|---|
| 25 | {{{#!wiki style="display:none;" |
|---|
| 26 | RAW 등으로만 볼 수 있는 설정이 있다.}}}{{{#!wiki style="display:nope;" |
|---|
r7
| 27 | 종류 이름 또는 설정값을 잘못 입력할 경우 없는 설정값(깨진 설정값)으로 인식하여 출력된다.}}}{{{#!wiki style="display:no;" |
|---|
| 28 | 가령 display:none을 입력해야 하는데, nope나 no 등으로 잘못 입력하면 입력하지 않은 것으로 읽어서 출력된다.}}}{{{#!wiki style="presentation:none;" |
|---|
r8
| 29 | 다시 말해서 정의되는 양식이름을 입력하고 양식에 따라 정의되는 설정값을 입력 양식에 맞게 입력해야 컴퓨터가 읽을 수 있으면서 편집자가 설정하고 싶은 양식으로 나오게 된다.}}} |
|---|
| 30 | {{{#!wiki style="display:inline; display:none; display:inline;" |
|---|
r9
| 31 | 같은 양식이름에 정의되는 설정값을 적어놓은 단락이 2개 이상 있으면 컴퓨터가 왼쪽부터 오른쪽으로 읽게 되면서 마지막으로 적어놓은 설정으로 나오게 된다. 가령 display:inline; display:none; display:inline;으로 적어놓으면 display:none; 을 읽어도 마지막(그 오른쪽)의 display;inline;이 적용된다.}}}{{{#!wiki style="display:inline; display:inline; display:none;" |
|---|
| 32 | (inline, inline, none을 입력하면 none을 읽게 되어 해당 문구는 나오지 않는다.)}}} |
|---|
| 33 | {{{#!wiki style="display:inline;" |
|---|
r13
| 34 | {{{style=""}}} 안에 매개변수와 그 값을 부여하는 표시(@@_@매개변수=@)를 집어넣고 저장한 문서를 include로 호출할 때 {{{style=""}}} 안에 넣었던 매개변수에 값을 주고 호출하게 되면 {{{style}}} 안에 매개변수를 넣었던 특정 단락이 깨져서 그 특정 단락에 대한 설정이 적용되지 않게 되었다. 이런 트릭을 넣고 생성된 틀이 많이 있었다.}}} |
|---|
| 35 | |
|---|
r15
| 36 | wiki의 style안에는 CSS를 집어넣는다. 종류에 따라 먼저 기입한 순서대로 처리되는데, 같은 요소를 입력할 때 display 처럼 설정값에 따라 결과가 번복될 수 있는 요소가 있는가 하면 radial-gradient 처럼 나오는 결과를 중첩시키는 요소가 있다. |
|---|
| 37 | |
|---|
| 38 | == if 문법과 연동 == |
|---|
r23
| 39 | if값에 따라 나오는 변수가 출력되는데, wiki 안에 들어갈 내용까지 반영되므로 입력할 수 있는 글자를 --AutoCAD-- 단축키 입력하듯이[* 예를 들어 "L"만 입력해도 바로 '''L'''ine(선 긋기) 명령을 내릴 수 있다.] 줄여 입력할 수 있다. 다만, @ 기호는 열고 닫기가 없기 때문에 @를 잘 열고 잘 닫아줘야 한다. |
|---|
r15
| 40 | |
|---|
r17
| 41 | 이를테면 if 문법으로 \{{{#!if this.di="display: inline;"를 먼저 정의하면 뒤에 wiki 문법을 쓸 때 \{{{#!wiki style="display: inline;" 을 입력하는 대신 \{{{#! wiki style="@@_@di\@" 만 입력해도 \{{{#!wiki style="display: inline;을 쓴 것과 같게 나온다. 아예 앞의 style=" 부분도 \{{{#!if this.sty="style=\\"" 처럼 정의한 다음 \{{{#! wiki @@_@sty@@@_@di\@"로 줄여 입력시킬 수 있다. |
|---|
r16
| 42 | ##}}}}}}}}}}}}}}}}}}편집기 하이라이팅 버그 |
|---|
r15
| 43 | |
|---|
r23
| 44 | 아래는 모두 예시이며 쓰는 사람에 따라 다르게 쓸 수 있으므로 절대적이지는 않다. |
|---|
r18
| 45 | * d="'''d'''isplay:" |
|---|
| 46 | * db="'''d'''isplay: '''b'''lock;" |
|---|
| 47 | * df="'''d'''isplay: '''f'''lex;" |
|---|
| 48 | * dg="'''d'''isplay: '''g'''rid;" |
|---|
| 49 | * dt="'''d'''isplay: '''t'''able;" |
|---|
| 50 | * di="'''d'''isplay: '''i'''nline;" |
|---|
| 51 | * dib="'''d'''isplay: '''i'''nline-'''b'''lock;" |
|---|
| 52 | * dit="'''d'''isplay: '''i'''nline-'''t'''able;" |
|---|
r19
| 53 | * dif="'''d'''isplay: '''i'''nline-'''f'''lex;" |
|---|
| 54 | * dig="'''d'''isplay: '''i'''nline-'''g'''rid;" |
|---|
r18
| 55 | * dn="'''d'''isplay: '''n'''one;" |
|---|
r19
| 56 | * b 또는 bd="'''b'''order:" |
|---|
| 57 | * b 또는 bg="'''b'''ack'''g'''round:" |
|---|
r21
| 58 | * blg="'''b'''ackground: '''l'''inear-'''g'''radient" 또는 lg="'''l'''inear-'''g'''radient" |
|---|
| 59 | * brg="'''b'''ackground: '''r'''adial-'''g'''radient" 또는 rg="'''r'''inear-'''g'''radient" |
|---|
| 60 | * tor="'''to''' '''r'''ight" |
|---|
r23
| 61 | * tol="'''to''' '''l'''eft" |
|---|
r18
| 62 | |
|---|
r24
| 63 | == 도트 == |
|---|
| 64 | 일단 이렇게 줄여 쓸 수 있으니 글자수를 획기적으로 적게 입력하면서 그려볼 수는 있겠다. |
|---|
r29
| 65 | {{{#!if sty="style=\"", paint=sty+"display:inline-block;width:1em;height:1em;background:", mg=sty+"margin-top:-0.5em;\"", w=paint+"#f8f8f8;\"", b=paint+"#5f4d3e;\"", g=paint+"#00a495;\"", p1=paint+"#dda0dd;\"", p2=paint+"#e3d4f0;\"" |
|---|
r27
| 66 | }}}{{{#!wiki style="max-width: 16em; overflow: hidden;" |
|---|
| 67 | {{{#!wiki style="margin: -1.5em;" |
|---|
r25
| 68 | [[https://namu.wiki|{{{#!wiki style="margin:1.5em" |
|---|
r24
| 69 | {{{#!wiki @w@ |
|---|
| 70 | }}}{{{#!wiki @w@ |
|---|
r28
| 71 | }}}{{{#!wiki @g@ |
|---|
| 72 | }}}{{{#!wiki @g@ |
|---|
| 73 | }}}{{{#!wiki @g@ |
|---|
r24
| 74 | }}}{{{#!wiki @w@ |
|---|
| 75 | }}}{{{#!wiki @w@ |
|---|
| 76 | }}}{{{#!wiki @w@ |
|---|
| 77 | }}}{{{#!wiki @w@ |
|---|
| 78 | }}}{{{#!wiki @w@ |
|---|
| 79 | }}}{{{#!wiki @w@ |
|---|
| 80 | }}}{{{#!wiki @w@ |
|---|
| 81 | }}}{{{#!wiki @w@ |
|---|
| 82 | }}}{{{#!wiki @w@ |
|---|
| 83 | }}}{{{#!wiki @w@ |
|---|
| 84 | }}}{{{#!wiki @w@ |
|---|
| 85 | }}}{{{#!wiki @mg@ |
|---|
| 86 | {{{#!wiki @w@ |
|---|
| 87 | }}}{{{#!wiki @w@ |
|---|
r28
| 88 | }}}{{{#!wiki @g@ |
|---|
r24
| 89 | }}}{{{#!wiki @w@ |
|---|
r28
| 90 | }}}{{{#!wiki @g@ |
|---|
r24
| 91 | }}}{{{#!wiki @w@ |
|---|
r26
| 92 | }}}{{{#!wiki @w@ |
|---|
r28
| 93 | }}}{{{#!wiki @g@ |
|---|
| 94 | }}}{{{#!wiki @g@ |
|---|
| 95 | }}}{{{#!wiki @g@ |
|---|
r24
| 96 | }}}{{{#!wiki @w@ |
|---|
| 97 | }}}{{{#!wiki @w@ |
|---|
| 98 | }}}{{{#!wiki @w@ |
|---|
| 99 | }}}{{{#!wiki @w@ |
|---|
| 100 | }}}{{{#!wiki @w@ |
|---|
| 101 | }}}{{{#!wiki @w@ |
|---|
| 102 | }}}}}}{{{#!wiki @mg@ |
|---|
| 103 | {{{#!wiki @w@ |
|---|
| 104 | }}}{{{#!wiki @w@ |
|---|
r28
| 105 | }}}{{{#!wiki @g@ |
|---|
| 106 | }}}{{{#!wiki @g@ |
|---|
| 107 | }}}{{{#!wiki @g@ |
|---|
r24
| 108 | }}}{{{#!wiki @w@ |
|---|
r26
| 109 | }}}{{{#!wiki @w@ |
|---|
r28
| 110 | }}}{{{#!wiki @g@ |
|---|
r24
| 111 | }}}{{{#!wiki @w@ |
|---|
r28
| 112 | }}}{{{#!wiki @g@ |
|---|
r24
| 113 | }}}{{{#!wiki @w@ |
|---|
| 114 | }}}{{{#!wiki @w@ |
|---|
| 115 | }}}{{{#!wiki @w@ |
|---|
| 116 | }}}{{{#!wiki @w@ |
|---|
| 117 | }}}{{{#!wiki @w@ |
|---|
| 118 | }}}{{{#!wiki @w@ |
|---|
| 119 | }}}}}}{{{#!wiki @mg@ |
|---|
| 120 | {{{#!wiki @w@ |
|---|
| 121 | }}}{{{#!wiki @w@ |
|---|
| 122 | }}}{{{#!wiki @w@ |
|---|
r28
| 123 | }}}{{{#!wiki @b@ |
|---|
r24
| 124 | }}}{{{#!wiki @w@ |
|---|
| 125 | }}}{{{#!wiki @w@ |
|---|
r26
| 126 | }}}{{{#!wiki @w@ |
|---|
r28
| 127 | }}}{{{#!wiki @g@ |
|---|
| 128 | }}}{{{#!wiki @g@ |
|---|
| 129 | }}}{{{#!wiki @g@ |
|---|
r24
| 130 | }}}{{{#!wiki @w@ |
|---|
| 131 | }}}{{{#!wiki @w@ |
|---|
| 132 | }}}{{{#!wiki @w@ |
|---|
| 133 | }}}{{{#!wiki @w@ |
|---|
| 134 | }}}{{{#!wiki @w@ |
|---|
| 135 | }}}{{{#!wiki @w@ |
|---|
| 136 | }}}}}}{{{#!wiki @mg@ |
|---|
| 137 | {{{#!wiki @w@ |
|---|
| 138 | }}}{{{#!wiki @w@ |
|---|
| 139 | }}}{{{#!wiki @w@ |
|---|
| 140 | }}}{{{#!wiki @w@ |
|---|
r28
| 141 | }}}{{{#!wiki @b@ |
|---|
r24
| 142 | }}}{{{#!wiki @w@ |
|---|
| 143 | }}}{{{#!wiki @w@ |
|---|
r26
| 144 | }}}{{{#!wiki @w@ |
|---|
r28
| 145 | }}}{{{#!wiki @b@ |
|---|
| 146 | }}}{{{#!wiki @w@ |
|---|
| 147 | }}}{{{#!wiki @w@ |
|---|
| 148 | }}}{{{#!wiki @w@ |
|---|
| 149 | }}}{{{#!wiki @w@ |
|---|
r24
| 150 | }}}{{{#!wiki @g@ |
|---|
r28
| 151 | }}}{{{#!wiki @g@ |
|---|
| 152 | }}}{{{#!wiki @g@ |
|---|
| 153 | }}}}}}{{{#!wiki @mg@ |
|---|
| 154 | {{{#!wiki @w@ |
|---|
r24
| 155 | }}}{{{#!wiki @w@ |
|---|
| 156 | }}}{{{#!wiki @w@ |
|---|
| 157 | }}}{{{#!wiki @w@ |
|---|
r28
| 158 | }}}{{{#!wiki @b@ |
|---|
r24
| 159 | }}}{{{#!wiki @w@ |
|---|
r28
| 160 | }}}{{{#!wiki @w@ |
|---|
r24
| 161 | }}}{{{#!wiki @b@ |
|---|
| 162 | }}}{{{#!wiki @b@ |
|---|
| 163 | }}}{{{#!wiki @w@ |
|---|
| 164 | }}}{{{#!wiki @w@ |
|---|
| 165 | }}}{{{#!wiki @w@ |
|---|
r28
| 166 | }}}{{{#!wiki @b@ |
|---|
r24
| 167 | }}}{{{#!wiki @g@ |
|---|
| 168 | }}}{{{#!wiki @w@ |
|---|
| 169 | }}}{{{#!wiki @g@ |
|---|
r28
| 170 | }}}}}}{{{#!wiki @mg@ |
|---|
| 171 | {{{#!wiki @g@ |
|---|
r24
| 172 | }}}{{{#!wiki @g@ |
|---|
r28
| 173 | }}}{{{#!wiki @g@ |
|---|
r24
| 174 | }}}{{{#!wiki @w@ |
|---|
| 175 | }}}{{{#!wiki @w@ |
|---|
| 176 | }}}{{{#!wiki @b@ |
|---|
r28
| 177 | }}}{{{#!wiki @b@ |
|---|
r24
| 178 | }}}{{{#!wiki @w@ |
|---|
r28
| 179 | }}}{{{#!wiki @w@ |
|---|
r24
| 180 | }}}{{{#!wiki @b@ |
|---|
| 181 | }}}{{{#!wiki @b@ |
|---|
| 182 | }}}{{{#!wiki @b@ |
|---|
| 183 | }}}{{{#!wiki @w@ |
|---|
| 184 | }}}{{{#!wiki @g@ |
|---|
| 185 | }}}{{{#!wiki @g@ |
|---|
r28
| 186 | }}}{{{#!wiki @g@ |
|---|
| 187 | }}}}}}{{{#!wiki @mg@ |
|---|
| 188 | {{{#!wiki @g@ |
|---|
r24
| 189 | }}}{{{#!wiki @w@ |
|---|
| 190 | }}}{{{#!wiki @g@ |
|---|
| 191 | }}}{{{#!wiki @b@ |
|---|
| 192 | }}}{{{#!wiki @b@ |
|---|
| 193 | }}}{{{#!wiki @w@ |
|---|
| 194 | }}}{{{#!wiki @w@ |
|---|
| 195 | }}}{{{#!wiki @w@ |
|---|
| 196 | }}}{{{#!wiki @w@ |
|---|
r28
| 197 | }}}{{{#!wiki @b@ |
|---|
r24
| 198 | }}}{{{#!wiki @w@ |
|---|
| 199 | }}}{{{#!wiki @w@ |
|---|
| 200 | }}}{{{#!wiki @w@ |
|---|
| 201 | }}}{{{#!wiki @w@ |
|---|
| 202 | }}}{{{#!wiki @w@ |
|---|
r26
| 203 | }}}{{{#!wiki @w@ |
|---|
r24
| 204 | }}}}}}{{{#!wiki @mg@ |
|---|
r28
| 205 | {{{#!wiki @g@ |
|---|
| 206 | }}}{{{#!wiki @g@ |
|---|
| 207 | }}}{{{#!wiki @g@ |
|---|
r24
| 208 | }}}{{{#!wiki @w@ |
|---|
| 209 | }}}{{{#!wiki @w@ |
|---|
| 210 | }}}{{{#!wiki @w@ |
|---|
| 211 | }}}{{{#!wiki @w@ |
|---|
| 212 | }}}{{{#!wiki @w@ |
|---|
| 213 | }}}{{{#!wiki @w@ |
|---|
r26
| 214 | }}}{{{#!wiki @w@ |
|---|
r28
| 215 | }}}{{{#!wiki @b@ |
|---|
r24
| 216 | }}}{{{#!wiki @w@ |
|---|
| 217 | }}}{{{#!wiki @w@ |
|---|
| 218 | }}}{{{#!wiki @w@ |
|---|
| 219 | }}}{{{#!wiki @w@ |
|---|
| 220 | }}}{{{#!wiki @w@ |
|---|
| 221 | }}}}}}{{{#!wiki @mg@ |
|---|
| 222 | {{{#!wiki @w@ |
|---|
| 223 | }}}{{{#!wiki @w@ |
|---|
| 224 | }}}{{{#!wiki @w@ |
|---|
| 225 | }}}{{{#!wiki @w@ |
|---|
| 226 | }}}{{{#!wiki @w@ |
|---|
| 227 | }}}{{{#!wiki @w@ |
|---|
| 228 | }}}{{{#!wiki @w@ |
|---|
| 229 | }}}{{{#!wiki @w@ |
|---|
| 230 | }}}{{{#!wiki @w@ |
|---|
| 231 | }}}{{{#!wiki @w@ |
|---|
r28
| 232 | }}}{{{#!wiki @b@ |
|---|
r24
| 233 | }}}{{{#!wiki @w@ |
|---|
| 234 | }}}{{{#!wiki @w@ |
|---|
| 235 | }}}{{{#!wiki @w@ |
|---|
| 236 | }}}{{{#!wiki @w@ |
|---|
| 237 | }}}{{{#!wiki @w@ |
|---|
r27
| 238 | }}}}}}}}}]]}}}}}}위 도트에는 나무위키 링크가 걸려있다. |
|---|
r24
| 239 | |
|---|
| 240 | |
|---|
r28
| 241 | |
|---|
| 242 | |
|---|
r15
| 243 | {{{#!wiki sytle="display:none" |
|---|
| 244 | [각주]}}} |
|---|