더시드위키
최근 변경최근 토론
특수 기능

테스트:wiki문법(r25 Blame)

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