•  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
r218
r184
1[include(틀:알파위키 운영 문서)]
r155
2[include(틀:알파위키)]
r163
3[include(틀:알파위키 도움말)]
r183
4[include(틀:15일 이상 회원 수정)]
r155
5[include(틀:프로젝트 문서,프로젝트=알파위키 도움말 프로젝트)]
r1
6[목차]
7== 개요 ==
r167
8[[알파위키]]에서 사용되는 나무마크 문법을 설명하는 문서입니다.
9[[나무위키]], [[더시드위키]]에서도 나무마크 문법을 사용하므로 편집 방법이 같습니다.
r168
10== 텍스트 서식 ==
r175
11||<:>'''구분'''||<:>'''사용 방법'''||<:>'''출력 결과'''||
r167
12||<:>굵은 글꼴||<:>{{{'''The quick brown fox jumps over the lazy dog.'''}}}||<:>'''The quick brown fox jumps over the lazy dog.'''||
13||<:>기울임꼴||<:>{{{''The quick brown fox jumps over the lazy dog.''}}}||<:>''The quick brown fox jumps over the lazy dog.''||
14||<:>밑줄||<:>{{{__The quick brown fox jumps over the lazy dog.__}}}||<:>__The quick brown fox jumps over the lazy dog.__||
r197
15||<:><|2>취소선||<:>{{{~~The quick brown fox jumps over the lazy dog.~~}}}||<:>~~The quick brown fox jumps over the lazy dog.~~||
16||<:>{{{--The quick brown fox jumps over the lazy dog--}}}||<:>--The quick brown fox jumps over the lazy dog--||
r168
17||<:>색상(색상 이름)||<:>{{{{{{#red The quick brown fox jumps over the lazy dog.}}}}}}||<:>{{{#red The quick brown fox jumps over the lazy dog.}}}||
18||<:>색상(HTML 색상 코드)||<:>{{{{{{#ff0000 The quick brown fox jumps over the lazy dog.}}}}}}||<:>{{{#ff0000 The quick brown fox jumps over the lazy dog.}}}||
r176
19||<:>텍스트 크기 크게[*제약 5단계까지만 적용 가능]||<:>{{{{{{+1 A}}}{{{+2 L}}}{{{+3 P}}}{{{+4 H}}}{{{+5 A}}}}}}||<:>{{{+1 A}}}{{{+2 L}}}{{{+3 P}}}{{{+4 H}}}{{{+5 A}}}||
r172
20||<:>텍스트 크기 작게[*제약]||<:>{{{{{{-1 A}}}{{{-2 L}}}{{{-3 P}}}{{{-4 H}}}{{{-5 A}}}}}}||<:>{{{-1 A}}}{{{-2 L}}}{{{-3 P}}}{{{-4 H}}}{{{-5 A}}}||
r167
21||<:>위첨자||<:>{{{4^^4^^}}}||<:>4^^4^^||
22||<:>아래첨자||<:>{{{CaCO,,3,,}}}||<:>CaCO,,3,,||
r171
23||<:>Plain text[* 중괄호 3개 사이에 작성되어 Plain text로 처리된 부분에는 문법이 적용되지 않습니다.]||<:>{{{{{{[[알파위키]]}}}}}}||<:>{{{[[알파위키]]}}}||
r28
24[각주]
r169
25== 문단 ==
r175
26||<:>'''구분'''||<:>'''사용 방법'''||
r169
27||<:>1단계 문단||<:>{{{= 문단 제목 =}}}||
28||<:>2단계 문단||<:>{{{== 문단 제목 ==}}}||
29||<:>3단계 문단||<:>{{{=== 문단 제목 ===}}}||
30||<:>4단계 문단||<:>{{{==== 문단 제목 ====}}}||
31||<:>5단계 문단||<:>{{{===== 문단 제목 =====}}}||
32||<:>6단계 문단||<:>{{{====== 문단 제목 ======}}}||
r37
33== 링크 ==
r163
34=== 문서 링크 ===
r175
35||<:>'''구분'''||<:>'''사용 방법'''||<:>'''출력 결과'''||
r166
36||<:>문서명=출력||<:>{{{[[알파위키]]}}}||<:>[[알파위키]]||
r173
37||<:>문서명=출력[br](특정 문단에 링크)||<:>{{{[[알파위키#s-4]]}}}||<:>[[알파위키#s-4]]||
r166
38||<:>문서명≠출력||<:>{{{[[알파위키|바로 이 위키]]}}}||<:>[[알파위키|바로 이 위키]]||
r173
39||<:>문서명≠출력[br](특정 문단에 링크)||<:>{{{[[알파위키#s-4|나무위키와의 관계]]}}}||<:>[[알파위키#s-4|나무위키와의 관계]]||
r174
40
r175
41||<:>'''구분'''||<:>'''사용 방법'''||
r174
42||<:>상위 문서로 링크||<:>{{{[[../]]}}}||
43||<:>하위 문서로 링크||<:>{{{[[/하위 문서명]]}}}||
r163
44=== URL 링크 ===
r175
45||<:>'''구분'''||<:>'''사용 방법'''||<:>'''출력 결과'''||
r165
46||<:>URL=출력||<:>{{{[[https://alphawiki.org/]]}}}||<:>[[https://alphawiki.org/]]||
47||<:>URL≠출력||<:>{{{[[https://alphawiki.org/|알파위키]]}}}||<:>[[https://alphawiki.org/|알파위키]]||
r43
48== [[리다이렉트]] 생성 ==
49리다이렉트는 한 문서를 들어갈 때 다른 문서로 이동시켜주는 기능입니다. 리다이렉트를 생성하는 법은 다음과 같습니다.
50
r66
51{{{ #redirect 문서 제목}}} 또는 {{{#넘겨주기 문서 제목}}}으로 리다이렉트를 생성할 수 있습니다.
r43
52----
53{{{#redirect 문서 제목#s-문단 번호}}}로 문서의 특정 문단으로 넘겨줄 수 있습니다.
r178
54== 글상자 ==
55글상자는 다음과 같이 생성할 수 있습니다.
56{{{ {{|내용|}} }}}
57
58{{|내용|}}
r17
59== 표 ==
r67
60표의 한 줄은 ||로 시작해 ||로 끝납니다.
61{{{||1||2||}}}
62||1||2||
63{{{||1||2||
64||3||4||}}}
65||1||2||
66||3||4||
r71
67=== 셀 합치기 ===
682개 이상의 셀을 합치는 법은 다음과 같습니다.
69==== 가로 합치기 ====
r68
70{{{||1||2||3||4||
71||||1||2||3||
72||||||1||2||
73||||||||1||}}}
74||1||2||3||4||
75||||1||2||3||
76||||||1||2||
77||||||||1||
78
r70
79추가로 합치고자 하는 셀의 갯수만큼 ||을 추가로 입력하면 됩니다.
r69
80----
81{{{||1||2||3||4||
82||<-2>1||2||3||
83||<-3>1||2||
84||<-4>1||}}}
85||1||2||3||4||
86||<-2>1||2||3||
87||<-3>1||2||
88||<-4>1||
89합치고자 하는 셀의 갯수만큼 <-수>를 입력하는 방법으로도 합칠 수 있습니다.
r71
90==== 세로 셀 합치기 ====
r70
91{{{||1||<|2>5||<|3>8||<|4>10||
92||2||
93||3||6||
94||4||7||9||}}}
95||1||<|2>5||<|3>8||<|4>10||
96||2||
97||3||6||
98||4||7||9||
99합치고자 하는 셀의 갯수만큼 <|수>를 입력하면 됩니다.
r117
100==== 주의사항 ====
r142
101 * <|숫자>, <-숫자>의 칸 길이 배치는 입력한 숫자에 비례하지 않습니다. 정확한 길이를 맞추기 위해서는 <width>문법으로 셀의 길이를 일일히 지정해줘야 합니다.
102 * <|숫자>, <-숫자>를 정확하게 입력하지 않으면 표가 정상적으로 출력되지 않을 수 있습니다.
r200
103 * 표 전체에 테두리를 두르는 tableborder 문법이 정상적으로 적용되지 않아 테두리가 적용되지 않는 구간이 나타납니다.
r150
104 * 표의 너비가 화면 표시영역의 너비보다 길 경우 나머지 부분은 가져지며, 스크롤바가 나타납니다.
105 * 표의 너비가 화면보다 작은데도 스크롤바가 나타났다면 칸의 길이가 일치하지 않아 나타나는 문법 오류입니다.
r72
106=== 표와 셀 꾸미기 ===
107표와 셀을 꾸미는 법은 다음과 같습니다.
108==== 표 꾸미기 ====
109 * 정렬
110<table align=left> = 왼쪽 정렬
111<table align=center> = 가운데 정렬
112<table align=right> = 오른쪽 정렬
113{{{||<table align=left>왼쪽||
114
115||<table align=center>가운데||
116
117||<table align=right>오른쪽||}}}
118
119||<table align=left>왼쪽||
120
121||<table align=center>가운데||
122
123||<table align=right>오른쪽||
r74
124{{{#red 주의사항}}}
125 * 모바일의 경우, 화면이 작아 오른쪽 정렬이 적용되지 않을 수 있습니다.
r76
126
127
r75
128----
r76
129
130
r75
131 * 표 배경색
132<table bgcolor=색이름 또는 코드>
133{{{||<table bgcolor=red>1||2||
134||3||4||}}}
135||<table bgcolor=red>1||2||
136||3||4||
137
r77
138 * 표 테두리색
139<table bordercolor=색 이름 또는 코드>
140{{{||<table bordercolor=red>1||2||
141||3||4||}}}
142||<table bordercolor=red>1||2||
143||3||4||
144
r148
145 {{{#red 주의사항}}} <tableborder>문법을 이용할 때 셀,칸(<|>,<->) 숫자를 정확하게 입력하지 않으면 테두리가 적용되지 않는 부분이 생깁니다.
r79
146==== 셀 꾸미기 ====
r78
147 * 셀 정렬
148<(> = 왼쪽 정렬
149<:> = 가운데 정렬
150<)> = 오른쪽 정렬
151{{{||@@@@@@@@@@@@@@@@@@@@||
152||<(> 왼쪽||
153||<:> 가운데||
154||<)> 오른쪽||
155}}}
156||@@@@@@@@@@@@@@@@@@@@||
157||<(> 왼쪽||
158||<:> 가운데||
159||<)> 오른쪽||
r87
160----
161더 간편하게, 셀의 우측에 공백을 넣으면 왼쪽 정렬, 좌측에 공백을 넣으면 오른쪽 정렬, 양쪽 모두에 공백을 넣으면 가운데 정렬을 할 수 있습니다.
162{{{||@@@@@@@@@@@@@@@@@@@@||
163||왼쪽 정렬 ||
164|| 가운데 정렬 ||
165|| 오른쪽 정렬||}}}
166||@@@@@@@@@@@@@@@@@@@@||
r88
167||왼쪽 정렬 ||
r87
168|| 가운데 정렬 ||
r88
169|| 오른쪽 정렬||
r80
170 * 셀 배경색
r91
171<bgcolor=색이름 또는 코드> 또는 <#색이름 또는 코드>
172{{{ ||<#red>1||2||
r80
173||3||4|| }}}
174||<bgcolor=red>1||2||
175||3||4||
176 * 한 줄 배경색
177<rowbgcolor=색이름 또는 코드>
178{{{ ||<rowbgcolor=red>1||2||3||
179||4||5||6|| }}}
180||<rowbgcolor=red>1||2||3||
181||4||5||6||
r83
182
r134
183 * 셀 너비
184<width=100px> (절대 수치)
185<width=50%> (상대 수치)
186{{{||<width=100px>1||3||
187||2||4||}}}
188||<width=100px>1||3||
189||2||4||
190
191{{{||<width=20%> 1||3||
192||2||4||}}}
193||<width=20%> 1||3||
194||2||4||
195 * 셀 높이
196<height=100px> (절대 수치)
197<height=50%> (상대 수치)
198{{{||<height=100px>1||3||
199||2||4||}}}
200||<height=100px>1||3||
201||2||4||
202
r135
203==== 주의사항 ====
r83
204 * 색 코드를 입력할 때, 앞에 #을 입력해야 적용됩니다.
r137
205||<:><table align=center>{{{#!folding [접기/펼치기]
r83
206 * 좋은 예
207{{{||<table bgcolor=#ABCDEF>1||2||
208||3||4||}}}
209||<table bgcolor=#ABCDEF>1||2||
210||3||4||
211
212{{{||<table bordercolor=#ABCDEF>1||2||
213||3||4||}}}
214||<table bordercolor=#ABCDEF>1||2||
215||3||4||
216
217{{{ ||<bgcolor=#ABCDEF>1||2||
218||3||4|| }}}
219||<bgcolor=#ABCDEF>1||2||
220||3||4||
221
222{{{ ||<rowbgcolor=#ABCDEF>1||2||3||
223||4||5||6|| }}}
224||<rowbgcolor=#ABCDEF>1||2||3||
225||4||5||6||
226 * 나쁜 예
227{{{||<table bgcolor=ABCDEF>1||2||
228||3||4||}}}
229||<table bgcolor=ABCDEF>1||2||
230||3||4||
231
232{{{||<table bordercolor=ABCDEF>1||2||
233||3||4||}}}
234||<table bordercolor=ABCDEF>1||2||
235||3||4||
236{{{ ||<bgcolor=ABCDEF>1||2||
237||3||4|| }}}
238||<bgcolor=ABCDEF>1||2||
239||3||4||
240{{{ ||<rowbgcolor=ABCDEF>1||2||3||
241||4||5||6|| }}}
242||<rowbgcolor=ABCDEF>1||2||3||
243||4||5||6||
r137
244}}}||
r89
245=== 캡션 ===
246표에 캡션을 다는 방법은 다음과 같습니다.
247{{{
248|캡션|셀1||셀2||
249||셀3||셀4||
250 }}}
r86
251
r89
252|캡션|셀1||셀2||
253||셀3||셀4||
254
255|와 |사이에 내용을 입력합니다. 미리보기에서는 캡션이 깨질 수 있으나, 편집 시 정상적으로 보입니다.
r22
256== 인용문 ==
r24
257내용 안에 문법 적용이 가능합니다.
r22
258{{{> (내용)}}}
259>내용
260
r23
261{{{>>>> (내용)}}}
262>>>>(내용)
263
r25
264 {{{#red 주의 1.}}} 위아래로 연속된 인용문을 만드려면 붙여써야 합니다.
r23
265||<width=100px>
266{{{>1
267>2
268>3}}}
269||<width=100px>
r24
270{{{>a
r23
271
r24
272>b
273>c}}}||
r23
274
r24
275
r23
276>1
277>2
278>3
279
r24
280>a
281
282>b
283>c
r25
284
r27
285 {{{#red 주의 2.}}} 인용문법의 왼쪽에는 아무것도 없어야 문법이 적용됩니다.
r25
286{{{||>
287>
r31
288}}}
r25
289||>
290>
291
r26
292
r25
293{{{||
294>
295>
r27
296}}}
r25
297
298>
299>
r26
300
r53
301== 이미지(파일) 적용 ==
r151
302{{{[[나무파일:나무위키에 업로드된 파일 이름]]}}}으로 나무위키에서 포크된 파일을 사용할 수 있습니다.
r155
303{{{[[파일:파일 이름]]}}}으로 알파위키에 업로드된 파일을 사용할 수 있습니다.
r53
304
r22
305== 수평줄 ==
306- 를 4개 이상 10개 이하로 연속으로 늘어놓으면 됩니다.
307{{{---
308----
309-----
310------
311-------
312--------
313---------
314----------}}}
315---
316----
317-----
318------
319-------
320--------
321---------
322----------
r55
323== 리스트 ==
324번호가 없는 리스트는 다음과 같이 적용할 수 있습니다.
325{{{ * 내용}}}
326 {{{ * 내용}}}
327 {{{* 내용}}}
328
329 * 내용
330 * 내용
331 * 내용
r57
332
333번호가 있는 리스트는 다음과 같이 적용할 수 있습니다.
334{{{
335 1. 리스트
336 1. 리스트
337
338 A. 리스트
339 A. 리스트
340
341 a. 리스트
342 a. 리스트
343
344 I. 리스트
345 I. 리스트
346
347 i. 리스트
348 i. 리스트
349}}}
350
351 1. 리스트
352 1. 리스트
353
354 A. 리스트
355 A. 리스트
356
357 a. 리스트
358 a. 리스트
359
360 I. 리스트
361 I. 리스트
362
363 i. 리스트
364 i. 리스트
r58
365----
366{{{#red 주의사항}}}
367 * 리스트를 적용할 때, 앞에 공백을 입력해야 합니다.
r59
368== 각주 ==
r93
369각주를 적용하는 방법은 다음과 같습니다.
370{{{[* 내용]
371[*A 문자가 있는 각주]
r191
372[*제목 이렇게도 할 수 있음.]
r93
373[*B 같은 각주를 반복]
374[*B]
375}}}
376[* 내용]
377[*A 문자가 있는 각주]
r191
378[*제목 이렇게도 할 수 있음.]
r93
379[*B 같은 각주를 반복]
380[*B]
381
3822번째 줄과 같이, 각주를 입력할 때 출력되는 각주의 문자를 변경할 수 있습니다. 같은 문자의 각주를 입력할 때, 2번째 각주부터는 내용을 생략할 수 있습니다.
383
384{{{#red 주의사항}}}
385 * [* 와 내용 사이에 공백이 있어야 합니다.
386 * 틀 내부에 각주를 넣으면 문서 자체의 각주와 번호가 꼬이게 됩니다. 예를 들어 틀 내부에도 1번 각주가 있고 문서 자체에도 1번 각주가 있을 경우, 두 각주의 앵커가 동일한 '#fn-1'로 지정되며 브라우저에서는 먼저 나온 쪽의 앵커만을 유효한 앵커로서 인식하게 되어 문서 자체의 1번 각주를 눌러도 틀 내부의 1번 각주로 이동하는 현상이 일어납니다.
387[각주]
r113
388== 주석 ==
r65
389{{{본문
390## (내용)
391본문
392## 이 글은 출력되지 않습니다.
393본문
394}}}
r64
395
r65
396본문
r64
397## (내용)
r65
398본문
399## 이 글은 출력되지 않습니다.
400본문
r64
401
402문서 열람 시에는 보이지 않으며, 문서 편집할 때만 나타나는 내용을 삽입할 수 있습니다. 문서를 편집하는 편집자들에게 유의사항을 알리는 용도로 주로 이용됩니다.
r59
403== 매크로 ==
r94
404매크로를 입력하는 법은 다음과 같습니다.
405{{{[date]
406[br]
407[include(틀:틀이름)]
408[목차]
409[각주]
410[pagecount]
411[age(YYYY-MM-DD)]
412[dday(YYYY-MM-DD)]
413}}}
r95
414=== date ===
r96
415현재 시각을 표시합니다.
416{{{[date]}}} 또는 {{{[datetime]}}} 로 호출 가능합니다.
417예:
418 * 현재 시각은 [date]입니다.
r95
419=== br ===
r97
420해당 위치에 한 줄을 개행하는 html인 {{{<br>}}}을 실행합니다.
421{{{[br]}}}로 호출가능합니다.
r95
422=== include ===
r98
423해당 위치에 틀을 삽입할 수 있습니다.
424{{{[include(틀:문서명)]}}} 으로 호출 가능합니다.
425삽입 될 문서에 {{{@이름@}}}과 같은 형태를 삽입하고,
426{{{[include(틀:문서명, 이름=값)]}}} 을 할 경우 '값' 이 {{{@이름@}}}을 적어넣은 위치에 호출됩니다.
r186
427
r185
428꼭 틀만 삽입 가능 한것은 아닙니다. {{{[include(알파위키)]}}}를 적으면 알파위키 문서가 호출되지만 알파위키 문서 내에 있는 틀은 호출되지 않습니다.
r186
429
430이 특성을 이용해서 틀에 사용 설명을 기술할 수 있습니다. {{{틀:틀예시}}}라는 틀이 있다고 가정하면, {{{틀:틀예시/설명문서}}}라는 문서에 설명을 기술한 뒤 {{{틀:틀예시}}} 문서에 틀 문법 하단에 이 매크로를 이용해서 설명문서를 삽입하면 틀 문서에서는 설명이 보이지만, 틀을 실제로 사용할 때는 해당 내용을 볼 수 없습니다.
r95
431=== 목차 ===
r99
432해당 문서의 문단을 목차로 나타냅니다.
433{{{[목차]}}} 또는 {{{[tableofcontents]}}}로 호출가능합니다.
r95
434=== 각주 ===
r100
435해당 문서의 각주를 표시합니다. 기본적으로 문서 최하단에 자동으로 표기되지만,
436문서 중간에 해당 매크로를 호출한 경우, 해당 매크로가 호출 되기 전의 매크로를 출력하고,
437남은 각주는 다시 매크로를 호출하지 않는다면, 최하단에 나머지 각주가 표기됩니다.
438{{{[각주]}}} 또는 {{{[footnote]}}} 로 호출가능 합니다.
r95
439=== pagecount ===
r155
440알파위키 전체 문서수를 계산합니다. [pagecount]개와 같은 형식으로 출력합니다.
r101
441{{{[pagecount]}}}로 호출 가능합니다.
442특정 네임스페이스만을 계산하는 방법도 있습니다.
443{{{[pagecount(네임스페이스)]}}}로 호출할 수 있습니다.
r155
444예를 들어, 알파위키에 존재하는 모든 사용자들의 수를 계산하고싶다면 {{{사용자}}} 로 네임스페이스를 정하면 됩니다. 또한, 일반적인 문서의 수를 구하려면 {{{문서}}}를 사용하시면 됩니다.
r161
445예:현재 사용자 수는 [PageCount(사용자)]입니다.
r95
446=== age ===
r102
447생년월일을 기입시 자동으로 만 나이를 계산하여 줍니다.
448{{{[age(년-월-일)]}}} 로 호출 할 수 있습니다.
449예를들어, 1999년 9월 9일에 출생하였다면, {{{[age(1999-09-09)]}}}와 같은 형태로 적으면 됩니다.
r95
450=== dday ===
r103
451날짜를 기입하면, 현재 시간으로부터 남은 일수를 계산합니다. 계산한 값 앞에는 -가 붙습니다.
452{{{[dday(년-월-일)]}}}으로 호출합니다.
453반대로, 이미 지나간 날짜를 기입하면, 지나간 일수를 계산합니다. 계산한 값 앞에는 +가 붙습니다.
454예를들어, 2010년 10월 2일부터 지나간 일수를 계산하려면, {{{[dday(2010-10-02)]}}}와 같이 적으면 됩니다
r20
455== 접기 ==
456||{{{ {{{#!folding 접기안내문구
457(접힌 내용)
458}}} }}} ||
459||<#fff><:>{{{#!folding 접기안내문구
460(접힌 내용)
461}}} ||
462텍스트를 누르면 접은 내용이 펼쳐지고, 텍스트를 다시 누르면 펼쳐진 내용이 접힙니다.
463----
464'''{{{#red 주의사항}}}'''
465 * 접기 안내문구 텍스트에는 나무마크나 html등 어떠한 문법도 적용되지 않습니다.
r21
466 * 표에 접기 문법을 적용한 경우 표 바깥의 문법은 표 안에 적용되지 않습니다. 따라서 표 안쪽의 문법은 따로 설정해야 합니다.
r33
467=== 여러개의 틀을 한꺼번에 접기(고급) ===
468{{{|| {{{#!folding 접기/펼치기
469{{{#!folding 접기1번
470내용 1
471}}}
472{{{#!folding 접기2번
473내용 2
474}}}
475}}} ||}}}
476|| {{{#!folding 접기/펼치기
477{{{#!folding 접기1번
478내용 1
479}}}
480{{{#!folding 접기2번
481내용 2
482}}}
483}}} ||
484
r152
485하나의 접기 문법 틀 안에 다른 접기문법 들을 넣으면, 바깥에 있는 접기 문법을 열였을 때 내부에 있던 접기들이 한꺼번에 펼쳐집니다. include문법을 이용한 틀을 넣었을 때에도 동일하게 적용됩니다.
r60
486== 수식 ==
r190
487[[LaTeX|<math>\LaTeX{}</math>]]수식을 입력하는 법은 다음과 같습니다.
r112
488{{{<math> 식 </math>}}}
489
490{{{<math> ax+by+cz=0</math>
491}}}
492<math> ax+by+cz=0</math>
r192
493'''{{{#orange {{{+1 주의사항}}}}}}'''
r112
494 * 편집창에서 쓰는 띄어쓰기는 명령어를 구분해주는 기능을 합니다. 수식 자체의 띄어쓰기는 {{{\, \quad, \qquad}}}를 입력해 줍니다.
r187
495
r192
496 * 기술적인 문제로 LaTeX 대신 KaTeX를 사용 중이므로, 일부 문법은 미지원될 수 있습니다.
r112
497=== 분수 ===
r188
498분수는 {{{\frac{분자}{분모} }}}혹은{{{ {분자 \over 분모}}} 형태로 나타낼 수 있습니다. 이 때 글씨 크기를 일정하게 유지하려면{{{ \displaystyle}}}를 씁니다.
r118
499{{{<math> \frac{1}{3} + \frac{5}{7} = \frac{22}{21}</math>}}}
r112
500
r116
501<math> \frac{1}{3} + \frac{5}{7} = \frac{22}{21}</math>
r118
502
503{{{<math> \displaystyle \frac{1}{3} + \frac{5}{7} = \frac{22}{21}</math>}}}
504
505<math> \displaystyle \frac{1}{3} + \frac{5}{7} = \frac{22}{21}</math>
r119
506=== 첨자 ===
r120
507위첨자는 ^, 아래첨자는 _으로 적용할 수 있습니다.
508{{{<math> \displaystyle a^2,\a_4,\a^3_5</math>}}}
509<math> \displaystyle a^2, a_4, a^3_5</math>
r121
510 *합(시그마)이나 곱(파이), 적분, 극한 을 나타내는 기호는 아래와 같이 {{{\sum, \prod, \int, \lim}}} 명령어와 위첨자, 아래첨자 기능을 씁니다.
511 이 때 원래 모양대로 나타내려면 마찬가지로 {{{\displaystyle}}}을 씁니다.
512
r122
513{{{<math> \sum^{n}_{k=1}k, \prod^{n}_{k=1}k </math>}}}
514
515
516
517<math> \sum^{n}_{k=1}k, \prod^{n}_{k=1}k </math>
518
519
520
521
522{{{<math> \displaystyle \sum^{n}_{k=1}k, \prod^{n}_{k=1}k </math>}}}
523
524
525
526<math> \displaystyle \sum^{n}_{k=1}k, \prod^{n}_{k=1}k </math>
527
528
529
530
531{{{<math> \lim_{x \to 0} \frac{\sin x}{x} </math> }}} →
532
533
534
535<math> \lim_{x \to 0} \frac{\sin x}{x} </math>
536
537
538
539{{{<math> \displaystyle \lim_{x \to 0} \frac{\sin x}{x} </math> }}}
540
541
542 <math> \displaystyle \lim_{x \to 0} \frac{\sin x}{x} </math>
543
544
545
546
547{{{<math> \int^{b}_{a} x^n dx </math>}}}
548
549
550<math> \int^{b}_{a} x^n dx </math>
551
552
553
554
555{{{<math> \displaystyle \int^{b}_{a} x^n dx </math>}}}
556
557
558 <math> \displaystyle \int^{b}_{a} x^n dx </math>
r120
559=== 장식 기호 ===
r123
560장식 기호는 \기호명칭{문자} 로 나타낼 수 있습니다.
561{{{<math> \dot{1}, \ddot{1}, \grave{1}, \check{1}, \breve{1}, \tilde{1}, \bar{1}, \hat{1}, \vec{1} </math>}}}
562<math> \dot{1}, \ddot{1}, \grave{1}, \check{1}, \breve{1}, \tilde{1}, \bar{1}, \hat{1}, \vec{1} </math>
r119
563=== 정자체 ===
r124
564수식은 기본적으로 이탤릭체로 되어 있습니다. 수식 내에서 정자로 쓸 때에는 {{{\text{문구} }}}를 이용합니다.
565{{{<math>\displaystyle {nT \over PV} = \text{const} </math>}}} → <math>\displaystyle {nT \over PV} = \text{const} </math>
566
567삼각함수나 쌍곡선 함수, 로그, exp 등의 특수함수는 \\ 기호로 간단하게 쓸 수 있습니다.
568{{{<math> \sin x, \cos x, \tan x </math>}}} →<math> \sin x, \cos x, \tan x </math>
569{{{<math> \sinh y, \cosh y, \tanh y </math>}}} →<math> \sinh y, \cosh y, \tanh y </math>
570{{{<math> \exp(t), \log W, \ln W </math>}}} →<math> \exp(t), \log W, \ln W </math>
r18
571== youtube 동영상 삽입 ==
r45
572{{{ [youtube(유튜브 공유 링크)] }}} 로 유튜브 동영상을 삽입 가능합니다.
573공유 링크는 해당 영상의 공유 버튼을 나오면 뒤에 나오는 영문과 숫자가 혼합된 문자를 말합니다.
r143
574
575예시) https://youtu.be/{{{#red __-4pQ_qyqL2E__}}}
r195
576-> {{{[youtube(-4pQ_qyqL2E)]}}}
577[youtube(-4pQ_qyqL2E)]
578--[[리그베다위키|왜 하필이면..]]--
r12
579== [[HTML]] ==
r155
580알파위키는 html문법을 부분적으로 지원합니다.
r14
581{{{{{{#!html (코드)}}}}}} 형태입니다. 여는 부분(앞)과 닫는 부분(뒤)이 둘 다 있어야 html문법이 적용됩니다.
r15
582
583
584div 문법을 사용하면 강제로 줄이 바뀌고, span문법을 사용하면 줄이 바뀌지 않습니다.
r32
585||<:><width=110px><-2><bgcolor=#ffffff>[[종점1역|{{{#!html<div style="font-size:13px"><font color="#585858">종점1 방면</font>}}}]][[종점2역|{{{#!html<div style="font-size:13px"><font color="#585858">종점2 방면</font>}}}]][[다음역|다음]][br]x.x ㎞ →||<:><width=110px><-2><bgcolor=#ffffff>[[종점3역|{{{#!html<span style="font-size:13px"><font color="#585858">종점1 </font>}}}]][[종점2역|{{{#!html<span style="font-size:13px"><font color="#585858">· 종점4</font>}}}]] {{{#!html<span style="font-size:13px"><font color="#585858">방면</font>}}}[br][[다음역|다음]][br]x.x ㎞ →||
r15
586||<-2>div 문법 사용(강제줄바꿈)||<-2>span 문법 사용 (줄바꿈X)||
587
r32
588>{{{[[종점1역|{{{#!html<div style="font-size:13px"><font color="#585858">종점1 방면</font>}}}]]}}}
r15
589
r32
590>{{{[[종점3역|{{{#!html<span style="font-size:13px"><font color="#585858">종점3 </font>}}}]]}}}
r144
591
592자세한 태그 목록은 [[HTML/태그]]문서를 참조하시기 바랍니다.
r193
593=== CSS 스타일 적용 ===
r194
594{{{{{{#!wiki style="스타일"
595내용}}}}}} 형태이며, 열고 닫는 부분 모두가 있어야 합니다.
r193
596{{{{{{#!wiki style="background-color: orange"
597오렌지색}}}}}}
598
599{{{#!wiki style="background-color: orange"
600오렌지색}}}
601
602{{{#orange {{{+1 주의사항}}}}}}
603 1. 이러한 코드는 내부적으로 {{{<div>}}} 박스로 처리됩니다.
604 1. 스타일 내용과 본문 사이에는 줄바꿈이 있어야 합니다.
r213
605
606==== 문법 ====
r201
607각 스타일은 {{{;}}}(세미콜론)으로 구분합니다.
r203
608각 속성 뒤에는 {{{:}}}이 붙으며, 그 뒤에는 속성의 값을 작성합니다.
609예를 들어, {{{background-color}}} 속성을 {{{black}}}[* 흑색]으로 적용하려면 {{{background-color: black}}}을 쓰실 수 있습니다.
r213
610==== 테두리 ====
r207
611{{{border}}} 속성은 {{{wiki}}}문의 border(테두리)를 지정해 주는 속성입니다.
r202
612----
613{{{#orange {{{+2 사용법}}}}}}
614{{{border: 두깨 스타일 색상}}}
615
616{{{+1 용례}}}
617{{{
618{{{#!wiki style="border: 2px solid gray"
6192px solid gray 스타일입니다.
620}}}
621}}}
622{{{#!wiki style="border: 2px solid gray"
6232px solid gray 스타일입니다.
624}}}
r204
625-----
626{{{+1 border 스타일}}}
627-----
628||
629{{{#!wiki style="border: 5px dotted #ABCDEF;width: 100px; padding: 3px; margin: 3px;text-align: center;float:left;"
630dotted
631}}}{{{#!wiki style="border: 5px dashed #ABCDEF;width: 100px; padding: 3px; margin: 3px;text-align: center;float:left;"
632dashed
633}}}{{{#!wiki style="border: 5px solid #ABCDEF;width: 100px; padding: 3px; margin: 3px;text-align: center;float:left;"
634solid
635}}}{{{#!wiki style="border: 5px double #ABCDEF;width: 100px; padding: 3px; margin: 3px;text-align: center;float:left;"
636double
637}}}{{{#!wiki style="border: 5px groove #abcdef;width: 100px; padding: 3px; margin: 3px;text-align: center;float:left;"
638groove
639}}}{{{#!wiki style="border: 5px ridge #abcdef;width: 100px; padding: 3px; margin: 3px;text-align: center;float:left;"
640ridge
641}}}{{{#!wiki style="border: 5px inset #abcdef;width: 100px; padding: 3px; margin: 3px;text-align: center;float:left;"
642inset
643}}}{{{#!wiki style="border: 5px outset #abcdef;width: 100px; padding: 3px; margin: 3px;text-align: center;float:left;"
644outset
645}}}{{{#!wiki style="border: 5px none #abcdef;width: 100px; padding: 3px; margin: 3px;text-align: center;float:left;"
646none
647}}}{{{#!wiki style="border: 5px hidden #abcdef;width: 100px; padding: 3px; margin: 3px;text-align: center;float:left;"
r209
648hidden
r204
649}}}
650||
r205
651[br][br][br][br][br]
r202
652----
653{{{#orange {{{+2 비슷한 속성}}}}}}
654----
655[[파일:속성.png|width=18px]] border-top
656[[파일:속성.png|width=18px]] border-bottom
657[[파일:속성.png|width=18px]] border-left
658[[파일:속성.png|width=18px]] border-right
659각각 상하좌우의 테두리를 설정하는 속성입니다. 사용 방법은 {{{border}}}와 같습니다.
r215
660
661[[파일:속성.png|width=18px]] border-radius
662이 속성은 테두리의 둥근 면의 반지름을 설정하는 속성입니다.
663{{{
664{{{#!wiki style="border: 5px solid #ABCDEF;width: 300px;text-align: center;border-radius: 6px;"
665border-radius를 6px로 지정했습니다.
666}}}
667}}}
668{{{#!wiki style="border: 5px solid #ABCDEF;width: 300px;text-align: center;border-radius: 6px;"
669border-radius를 6px로 지정했습니다.
670}}}
r213
671==== 줄바꿈 방지 ====
r201
672{{{float}}} 속성을 지정해 주시면 되며, 반드시 {{{wiki}}}의 닫는 중괄호와 그 다음 여는 중괄호는 붙어 있어야 합니다. 다음 예시를 보시면 이해가 쉬울 겁니다.
673{{{+2 {{{#ABCDEF 예시1}}}}}}
674{{{
675{{{#!wiki style="width:100px;border:1px solid blue;float:left;margin:3px;padding:3px;"
676알파위키}}}{{{#!wiki style="width:100px;border:1px solid blue;float:left;margin:3px;padding:3px;"
677알파위키
r210
678}}}}}}
r201
679||{{{#!wiki style="width:100px;border:1px solid blue;float:left;margin:3px;padding:3px;"
680알파위키}}}{{{#!wiki style="width:100px;border:1px solid blue;float:left;margin:3px;padding:3px;"
681알파위키
682}}}||
683
684{{{+2 {{{#ABCDEF 예시2}}}}}}
685{{{
686{{{#!wiki style="border:1px solid blue;float:left"
687알파위키}}}{{{#!wiki style="border:1px solid blue;float:left;"
688알파위키
689}}}
690}}}
691||{{{#!wiki style="border:1px solid blue;float:left"
692알파위키}}}{{{#!wiki style="border:1px solid blue;float:left;"
693알파위키
694}}}||
r213
695==== 색 ====
r211
696배경 색은 {{{background-color}}} 속성으로 처리합니다. color는 영국식 {{{colour}}}이 아닌 미국식 {{{color}}}로 작성해야 하는 점 유의해 주시기 바랍니다.
697{{{
698{{{#!wiki style="background-color: #ABCDEF"
699#ABCDEF는 알파위키 상징색입니다.
700}}}
701}}}
702{{{#!wiki style="background-color: #ABCDEF"
703#ABCDEF는 알파위키 상징색입니다.
704}}}
705
r212
706글자 색은 {{{color}}} 속성으로 처리합니다. 역시 color는 미국식입니다. 다만, 글자색은 {{{{{{#색 내용}}}}}} 문법으로 더 쉽게 처리할 수 있다는 점을 기억해 두시기 바랍니다.
r211
707{{{
708{{{#!wiki style="color: #ABCDEF"
709#ABCDEF는 알파위키 상징색입니다.
710}}}
711}}}
712{{{#!wiki style="color: #ABCDEF"
713#ABCDEF는 알파위키 상징색입니다.
714}}}
715{{{+1 {{{#orange 주의사항 }}}}}}
716위 예시와 같이, 밝은 배경과 밝은 색을 혼합하면 가독성이 떨어집니다.
r213
717==== 텍스트 그림자 효과 ====
r115
718글자에 그림자 효과를 냅니다. 가로이동과 세로이동을 0으로 지정해놓으면 네온 효과가 납니다.
719{{{{{{#!html <span style="text-shadow: 가로이동px 세로이동px 그림자크기px #그림자 색상 코드;color:#글자 색상 코드">텍스트</span>}}}}}}
720{{{#!html <span style="text-shadow: 2px 2px 6px #767676;color:#000">예시</span>}}}와 같이 나타나며,
r196
721
722{{{{{{#!html <span style="text-shadow: 0px -2px 4px #FF0000, -3px -1px 4px #FFA500, -3px 1px 4px #FFFF00, 0px 2px 4px #00FF00, 3px 1px 4px #00FFFF, 3px -1px 4px #0000FF;color: #FFFFFF">이와같이 세로 이동을 움직여 색깔을 섞어서 쓸 수 도 있습니다.</span>}}}
723}}}
r115
724{{{#!html <span style="text-shadow: 0px -2px 4px #FF0000, -3px -1px 4px #FFA500, -3px 1px 4px #FFFF00, 0px 2px 4px #00FF00, 3px 1px 4px #00FFFF, 3px -1px 4px #0000FF;color: #FFFFFF">이와같이 세로 이동을 움직여 색깔을 섞어서 쓸 수 도 있습니다.</span>}}}
725
r214
726==== 폰트 ====
727{{{font-family}}} 속성을 이용하시면 됩니다.
728{{{
729{{{#!wiki style="font-family: Times New Roman;float:left"
730이건 Times New Roman이고요, }}}{{{#!wiki style="font-family: Arial"
731이건 Arial입니다.}}}
732}}}
733{{{#!wiki style="font-family: Times New Roman;float:left"
734이건 Times New Roman이고요, }}}{{{#!wiki style="font-family: Arial"
735이건 Arial입니다.}}}
r216
736
737==== 여백 ====
738{{{padding}}} 속성은 틀 안의 여백을 정의하고, {{{margin}}} 속성은 틀과 다른 요소 사이의 여백을 정의합니다.
739{{{
740||{{{#!wiki style="padding:15px;margin:10px;border:2px solid gray;"
741padding 15px에 margin 10px입니다.
742}}}||
743}}}
744||{{{#!wiki style="padding:15px;margin:10px;border:2px solid gray;"
745padding 15px에 margin 10px입니다.
746}}}||
r217
747
748==== 요소의 넓이 강제 100%지정 막기 ====
r218
749{{{{{{#!wiki}}}}}}} 문법이 내부적으로 {{{<div>}}} 박스로 처리되는 관계로, 기본적으로 해당 스타일 내부의 요소의 넓이는 100%로 강제 설정됩니다. 이를 막으려면, {{{display}}} 속성을 {{{table}}}으로 설정하십시오.
r217
750{{{
751{{{#!wiki style="border: 2px dotted #abcdef;"
752속성 적용 안함
753}}}
754{{{#!wiki style="border: 2px dotted #abcdef;display:table;"
755속성 적용 함
756}}}
757}}}
758{{{#!wiki style="border: 2px dotted #abcdef;"
759속성 적용 안함
760}}}
761{{{#!wiki style="border: 2px dotted #abcdef;display:table;"
762속성 적용 함
763}}}
r61
764=== 틀 ===
r155
765HTML을 이용해 틀을 만들 수 있습니다. 알파위키에서 사용되는 틀의 형식은 다음과 같습니다.
r160
766{{{ {{{#!wiki style="border:1px solid #E0E0E0;border-left:3px solid 테두리색;box-shadow: 3px 3px 10px #B3B3B3;margin-right:10px;margin-left:10px;padding:12px"
r125
767{{{+1 제목}}}
r130
768내용}}}}}}
r125
769
770{{{#!wiki style="border:1px solid #E0E0E0;border-left:3px solid orange;box-shadow: 3px 3px 10px #B3B3B3;margin-right:10px;margin-left:10px;padding:12px"
771{{{+1 제목}}}
772
773내용}}}
774
775{{{#!wiki style="border:1px solid #E0E0E0;border-left:3px solid green;box-shadow: 3px 3px 10px #B3B3B3;margin-right:10px;margin-left:10px;padding:12px"
776{{{+1 제목}}}
777
778내용}}}
779
780{{{#!wiki style="border:1px solid #E0E0E0;border-left:3px solid red;box-shadow: 3px 3px 10px #B3B3B3;margin-right:10px;margin-left:10px;padding:12px"
781{{{+1 제목}}}
782
783내용}}}
784{{{#!wiki style="border:1px solid #E0E0E0;border-left:3px solid skyblue;box-shadow: 3px 3px 10px #B3B3B3;margin-right:10px;margin-left:10px;padding:12px"
785{{{+1 제목}}}
786
787내용}}}
788
789{{{#!wiki style="border:1px solid #E0E0E0;border-left:3px solid blue;box-shadow: 3px 3px 10px #B3B3B3;margin-right:10px;margin-left:10px;padding:12px"
790{{{+1 제목}}}
791
792내용}}}
793
794{{{#!wiki style="border:1px solid #E0E0E0;border-left:3px solid purple;box-shadow: 3px 3px 10px #B3B3B3;margin-right:10px;margin-left:10px;padding:12px"
795{{{+1 제목}}}
796
797내용}}}
r63
798== 분류 ==
r180
799{{{[[분류:분류명]]}}}으로 문서에 맞는 분류를 적용할 수 있습니다.
r107
800어떤 분류에 해당하는 문서를 찾고 싶으면, 그 분류에 해당하는 문서의 최하단의 분류명을 누르거나,
r126
801{{{분류:분류명}}}을 검색하면 그 분류에 해당하는 문서가 정리되어 있습니다.
802
r189
803{{{[[분류:분류명#blur]]}}}로 특정 분류를 숨길 수 있습니다. 스포일러 방지에 유용한 기능이며, 마우스를 오버하면 분류가 표시됩니다.
r180
804
r179
805분류 문서로 링크하실 때는, {{{[[:분류:분류명]]}}}을 입력하셔야 합니다.
r127
806== 문법 강조 ==
r199
807해당 하는 프로그래밍 언어의 문법을 강조해서 표기합니다. 지원하는 언어는 [[C++]] (cpp)와 [[C#]] (csharp), [[CSS]] (css), [[Go]] (go), [[Java]] (java), [[JavaScript]] (javascript), [[JSON]] (json), [[마크다운]] (markdown), [[Objective-C]] (objectivec), [[Perl]] (perl), [[PHP]] (php), [[Python]] (python), [[Ruby]] (ruby), [[SQL]] (sql), [[TypeScript]] (typescript), [[XML]] (xml)입니다.
808사용법:
809{{{{{{#!syntax 언어명
r127
810코드
r199
811}}}}}}
812예시:
r127
813{{{#!syntax javascript
814const http = require('http');
r126
815
r127
816const hostname = '127.0.0.1';
817const port = 3000;
818
819const server = http.createServer((req, res) => {
820 res.statusCode = 200;
821 res.setHeader('Content-Type', 'text/plain');
822 res.end('Hello World\n');
823});
824
825server.listen(port, hostname, () => {
826 console.log(`Server running at http://${hostname}:${port}/`);
827});
828}}}
r199
829코드는 [[https://nodejs.org/ko/about/|여기]]에서 가져왔습니다.
r162
830[[분류:알파위키의 도움말]]
831