| r270 | ||
|---|---|---|
| r247 | 1 | [include(틀:넘겨주기(문서)1,document1=나무마크)] |
| r184 | 2 | [include(틀:알파위키 운영 문서)] |
| r155 | 3 | [include(틀:알파위키)] |
| r163 | 4 | [include(틀:알파위키 도움말)] |
| r183 | 5 | [include(틀:15일 이상 회원 수정)] |
| r155 | 6 | [include(틀:프로젝트 문서,프로젝트=알파위키 도움말 프로젝트)] |
| r1 | 7 | [목차] |
| 8 | == 개요 == | |
| r167 | 9 | [[알파위키]]에서 사용되는 나무마크 문법을 설명하는 문서입니다. |
| 10 | [[나무위키]], [[더시드위키]]에서도 나무마크 문법을 사용하므로 편집 방법이 같습니다. | |
| r168 | 11 | == 텍스트 서식 == |
| r175 | 12 | ||<:>'''구분'''||<:>'''사용 방법'''||<:>'''출력 결과'''|| |
| r167 | 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.''|| | |
| 15 | ||<:>밑줄||<:>{{{__The quick brown fox jumps over the lazy dog.__}}}||<:>__The quick brown fox jumps over the lazy dog.__|| | |
| r197 | 16 | ||<:><|2>취소선||<:>{{{~~The quick brown fox jumps over the lazy dog.~~}}}||<:>~~The quick brown fox jumps over the lazy dog.~~|| |
| 17 | ||<:>{{{--The quick brown fox jumps over the lazy dog--}}}||<:>--The quick brown fox jumps over the lazy dog--|| | |
| r168 | 18 | ||<:>색상(색상 이름)||<:>{{{{{{#red The quick brown fox jumps over the lazy dog.}}}}}}||<:>{{{#red The quick brown fox jumps over the lazy dog.}}}|| |
| 19 | ||<:>색상(HTML 색상 코드)||<:>{{{{{{#ff0000 The quick brown fox jumps over the lazy dog.}}}}}}||<:>{{{#ff0000 The quick brown fox jumps over the lazy dog.}}}|| | |
| r176 | 20 | ||<:>텍스트 크기 크게[*제약 5단계까지만 적용 가능]||<:>{{{{{{+1 A}}}{{{+2 L}}}{{{+3 P}}}{{{+4 H}}}{{{+5 A}}}}}}||<:>{{{+1 A}}}{{{+2 L}}}{{{+3 P}}}{{{+4 H}}}{{{+5 A}}}|| |
| r172 | 21 | ||<:>텍스트 크기 작게[*제약]||<:>{{{{{{-1 A}}}{{{-2 L}}}{{{-3 P}}}{{{-4 H}}}{{{-5 A}}}}}}||<:>{{{-1 A}}}{{{-2 L}}}{{{-3 P}}}{{{-4 H}}}{{{-5 A}}}|| |
| r167 | 22 | ||<:>위첨자||<:>{{{4^^4^^}}}||<:>4^^4^^|| |
| 23 | ||<:>아래첨자||<:>{{{CaCO,,3,,}}}||<:>CaCO,,3,,|| | |
| r221 | 24 | ||<:>Plain text[* 중괄호 3개 사이에 작성되어 Plain text로 처리된 부분에는 문법이 적용되지 않습니다.][* 자세한 내용은 [[#문법무시|이 문단]]을 참고하세요.]||<:>{{{{{{[[알파위키]]}}}}}}||<:>{{{[[알파위키]]}}}|| |
| r28 | 25 | [각주] |
| r169 | 26 | == 문단 == |
| r249 | 27 | ||<:>'''구분'''||<:>'''기본적으로 펼침'''||<:>'''기본적으로 접힘'''|| |
| 28 | ||<:>1단계 문단||<:>{{{= 문단 제목 =}}}||<:>{{{=# 문단 제목 #=}}}|| | |
| 29 | ||<:>2단계 문단||<:>{{{== 문단 제목 ==}}}||<:>{{{==# 문단 제목 #==}}}|| | |
| 30 | ||<:>3단계 문단||<:>{{{=== 문단 제목 ===}}}||<:>{{{===# 문단 제목 #===}}}|| | |
| 31 | ||<:>4단계 문단||<:>{{{==== 문단 제목 ====}}}||<:>{{{====# 문단 제목 #====}}}|| | |
| 32 | ||<:>5단계 문단||<:>{{{===== 문단 제목 =====}}}||<:>{{{=====# 문단 제목 #=====}}}|| | |
| 33 | ||<:>6단계 문단||<:>{{{====== 문단 제목 ======}}}||<:>{{{======# 문단 제목 #======}}}|| | |
| r239 | 34 | |
| 35 | 문단은 한단계씩 내려가야 합니다. 예를 들어, 2단계 밑에 바로 5단계를 붙일 수는 없습니다. [[https://www.alphawiki.org/w/%EC%95%8C%ED%8C%8C%EC%9C%84%ED%82%A4:%EC%97%B0%EC%8A%B5%EC%9E%A5?rev=330|그렇게 하다가는 목차가 이렇게 나옵니다.]] | |
| r37 | 36 | == 링크 == |
| r163 | 37 | === 문서 링크 === |
| r175 | 38 | ||<:>'''구분'''||<:>'''사용 방법'''||<:>'''출력 결과'''|| |
| r166 | 39 | ||<:>문서명=출력||<:>{{{[[알파위키]]}}}||<:>[[알파위키]]|| |
| r173 | 40 | ||<:>문서명=출력[br](특정 문단에 링크)||<:>{{{[[알파위키#s-4]]}}}||<:>[[알파위키#s-4]]|| |
| r166 | 41 | ||<:>문서명≠출력||<:>{{{[[알파위키|바로 이 위키]]}}}||<:>[[알파위키|바로 이 위키]]|| |
| r173 | 42 | ||<:>문서명≠출력[br](특정 문단에 링크)||<:>{{{[[알파위키#s-4|나무위키와의 관계]]}}}||<:>[[알파위키#s-4|나무위키와의 관계]]|| |
| r174 | 43 | |
| r175 | 44 | ||<:>'''구분'''||<:>'''사용 방법'''|| |
| r174 | 45 | ||<:>상위 문서로 링크||<:>{{{[[../]]}}}|| |
| 46 | ||<:>하위 문서로 링크||<:>{{{[[/하위 문서명]]}}}|| | |
| r232 | 47 | |
| r238 | 48 | 같은 문서로 바로 링크하면 ([[알파위키:문법 도움말|예시]]) 링크가 '''볼드'''체로 나타납니다. |
| r232 | 49 | |
| r238 | 50 | 다만, 문서 내의 다른 부분(예:앵커좌표)등으로 링크하면 '''볼드'''로 나타나지 않습니다.([[알파위키:문법 도움말#s-1|예시]]) |
| r163 | 51 | === URL 링크 === |
| r175 | 52 | ||<:>'''구분'''||<:>'''사용 방법'''||<:>'''출력 결과'''|| |
| r165 | 53 | ||<:>URL=출력||<:>{{{[[https://alphawiki.org/]]}}}||<:>[[https://alphawiki.org/]]|| |
| 54 | ||<:>URL≠출력||<:>{{{[[https://alphawiki.org/|알파위키]]}}}||<:>[[https://alphawiki.org/|알파위키]]|| | |
| r43 | 55 | == [[리다이렉트]] 생성 == |
| 56 | 리다이렉트는 한 문서를 들어갈 때 다른 문서로 이동시켜주는 기능입니다. 리다이렉트를 생성하는 법은 다음과 같습니다. | |
| 57 | ||
| r66 | 58 | {{{ #redirect 문서 제목}}} 또는 {{{#넘겨주기 문서 제목}}}으로 리다이렉트를 생성할 수 있습니다. |
| r43 | 59 | ---- |
| 60 | {{{#redirect 문서 제목#s-문단 번호}}}로 문서의 특정 문단으로 넘겨줄 수 있습니다. | |
| r226 | 61 | |
| r227 | 62 | == 앵커좌표 == |
| 63 | 목표 문서에 {{{[anchor(앵커이름)]}}}을 삽입한 후 링크, 리다이렉트 문서에 {{{#s-n}}} 대신 {{{#앵커이름}}}을 사용할 수 있습니다. 예를 들어, [[알파위키]] 문서의 특정 지점에 {{{[anchor(우왕)]}}}을 삽입하였을 때, {{{[[알파위키#우왕]]}}}으로 링크를 걸거나 {{{#redirect 알파위키#우왕}}}으로 삽입하여 "우왕"이라는 앵커좌표를 삽입한 지점으로 넘어가도록 할 수 있습니다. | |
| r178 | 64 | == 글상자 == |
| r257 | 65 | '''모니위키식 글상자는 지원이 중단되었습니다.''' 하지만, --우리의 친구-- CSS를 이용하면 흉내낼 수 있습니다. |
| 66 | {{{ | |
| 67 | {{{#!wiki style="border:1px solid black;display:table;padding:3px;" | |
| 68 | 내용 | |
| 69 | }}} | |
| 70 | }}} | |
| 71 | {{{#!wiki style="border:1px solid black;display:table;padding:3px;" | |
| 72 | 내용 | |
| 73 | }}} | |
| r17 | 74 | == 표 == |
| r67 | 75 | 표의 한 줄은 ||로 시작해 ||로 끝납니다. |
| 76 | {{{||1||2||}}} | |
| 77 | ||1||2|| | |
| 78 | {{{||1||2|| | |
| 79 | ||3||4||}}} | |
| 80 | ||1||2|| | |
| 81 | ||3||4|| | |
| r71 | 82 | === 셀 합치기 === |
| 83 | 2개 이상의 셀을 합치는 법은 다음과 같습니다. | |
| 84 | ==== 가로 합치기 ==== | |
| r68 | 85 | {{{||1||2||3||4|| |
| 86 | ||||1||2||3|| | |
| 87 | ||||||1||2|| | |
| 88 | ||||||||1||}}} | |
| 89 | ||1||2||3||4|| | |
| 90 | ||||1||2||3|| | |
| 91 | ||||||1||2|| | |
| 92 | ||||||||1|| | |
| 93 | ||
| r70 | 94 | 추가로 합치고자 하는 셀의 갯수만큼 ||을 추가로 입력하면 됩니다. |
| r69 | 95 | ---- |
| 96 | {{{||1||2||3||4|| | |
| 97 | ||<-2>1||2||3|| | |
| 98 | ||<-3>1||2|| | |
| 99 | ||<-4>1||}}} | |
| 100 | ||1||2||3||4|| | |
| 101 | ||<-2>1||2||3|| | |
| 102 | ||<-3>1||2|| | |
| 103 | ||<-4>1|| | |
| 104 | 합치고자 하는 셀의 갯수만큼 <-수>를 입력하는 방법으로도 합칠 수 있습니다. | |
| r71 | 105 | ==== 세로 셀 합치기 ==== |
| r70 | 106 | {{{||1||<|2>5||<|3>8||<|4>10|| |
| 107 | ||2|| | |
| 108 | ||3||6|| | |
| 109 | ||4||7||9||}}} | |
| 110 | ||1||<|2>5||<|3>8||<|4>10|| | |
| 111 | ||2|| | |
| 112 | ||3||6|| | |
| 113 | ||4||7||9|| | |
| 114 | 합치고자 하는 셀의 갯수만큼 <|수>를 입력하면 됩니다. | |
| r117 | 115 | ==== 주의사항 ==== |
| r142 | 116 | * <|숫자>, <-숫자>의 칸 길이 배치는 입력한 숫자에 비례하지 않습니다. 정확한 길이를 맞추기 위해서는 <width>문법으로 셀의 길이를 일일히 지정해줘야 합니다. |
| 117 | * <|숫자>, <-숫자>를 정확하게 입력하지 않으면 표가 정상적으로 출력되지 않을 수 있습니다. | |
| r200 | 118 | * 표 전체에 테두리를 두르는 tableborder 문법이 정상적으로 적용되지 않아 테두리가 적용되지 않는 구간이 나타납니다. |
| r150 | 119 | * 표의 너비가 화면 표시영역의 너비보다 길 경우 나머지 부분은 가져지며, 스크롤바가 나타납니다. |
| 120 | * 표의 너비가 화면보다 작은데도 스크롤바가 나타났다면 칸의 길이가 일치하지 않아 나타나는 문법 오류입니다. | |
| r72 | 121 | === 표와 셀 꾸미기 === |
| 122 | 표와 셀을 꾸미는 법은 다음과 같습니다. | |
| 123 | ==== 표 꾸미기 ==== | |
| 124 | * 정렬 | |
| 125 | <table align=left> = 왼쪽 정렬 | |
| 126 | <table align=center> = 가운데 정렬 | |
| 127 | <table align=right> = 오른쪽 정렬 | |
| 128 | {{{||<table align=left>왼쪽|| | |
| 129 | ||
| 130 | ||<table align=center>가운데|| | |
| 131 | ||
| 132 | ||<table align=right>오른쪽||}}} | |
| 133 | ||
| 134 | ||<table align=left>왼쪽|| | |
| 135 | ||
| 136 | ||<table align=center>가운데|| | |
| 137 | ||
| 138 | ||<table align=right>오른쪽|| | |
| r74 | 139 | {{{#red 주의사항}}} |
| 140 | * 모바일의 경우, 화면이 작아 오른쪽 정렬이 적용되지 않을 수 있습니다. | |
| r76 | 141 | |
| 142 | ||
| r75 | 143 | ---- |
| r76 | 144 | |
| 145 | ||
| r75 | 146 | * 표 배경색 |
| 147 | <table bgcolor=색이름 또는 코드> | |
| 148 | {{{||<table bgcolor=red>1||2|| | |
| 149 | ||3||4||}}} | |
| 150 | ||<table bgcolor=red>1||2|| | |
| 151 | ||3||4|| | |
| 152 | ||
| r77 | 153 | * 표 테두리색 |
| 154 | <table bordercolor=색 이름 또는 코드> | |
| 155 | {{{||<table bordercolor=red>1||2|| | |
| 156 | ||3||4||}}} | |
| 157 | ||<table bordercolor=red>1||2|| | |
| 158 | ||3||4|| | |
| 159 | ||
| r148 | 160 | {{{#red 주의사항}}} <tableborder>문법을 이용할 때 셀,칸(<|>,<->) 숫자를 정확하게 입력하지 않으면 테두리가 적용되지 않는 부분이 생깁니다. |
| r79 | 161 | ==== 셀 꾸미기 ==== |
| r262 | 162 | * 셀 가로 정렬 |
| r78 | 163 | <(> = 왼쪽 정렬 |
| 164 | <:> = 가운데 정렬 | |
| 165 | <)> = 오른쪽 정렬 | |
| 166 | {{{||@@@@@@@@@@@@@@@@@@@@|| | |
| 167 | ||<(> 왼쪽|| | |
| 168 | ||<:> 가운데|| | |
| 169 | ||<)> 오른쪽|| | |
| 170 | }}} | |
| 171 | ||@@@@@@@@@@@@@@@@@@@@|| | |
| 172 | ||<(> 왼쪽|| | |
| 173 | ||<:> 가운데|| | |
| 174 | ||<)> 오른쪽|| | |
| r87 | 175 | ---- |
| 176 | 더 간편하게, 셀의 우측에 공백을 넣으면 왼쪽 정렬, 좌측에 공백을 넣으면 오른쪽 정렬, 양쪽 모두에 공백을 넣으면 가운데 정렬을 할 수 있습니다. | |
| 177 | {{{||@@@@@@@@@@@@@@@@@@@@|| | |
| 178 | ||왼쪽 정렬 || | |
| 179 | || 가운데 정렬 || | |
| 180 | || 오른쪽 정렬||}}} | |
| 181 | ||@@@@@@@@@@@@@@@@@@@@|| | |
| r88 | 182 | ||왼쪽 정렬 || |
| r87 | 183 | || 가운데 정렬 || |
| r88 | 184 | || 오른쪽 정렬|| |
| r262 | 185 | ----- |
| 186 | * 셀 세로 정렬 | |
| 187 | 셀을 합칠 때 사용하는 <|[math(n)]>을 이용하여 세로 정렬이 가능합니다. n은 아무거나 넣어도 됩니다. | |
| 188 | ||방향||마크업||비고|| | |
| 189 | ||위로||\<^|n>||윗첨자 사용할때 쓰는 그 ^입니다.|| | |
| 190 | ||중간||\<|n>||기본값|| | |
| 191 | ||하단으로||\<v|n>||알파벳 ''v''|| | |
| 192 | ||
| 193 | 적용예시: | |
| 194 | ||ㅇㅇ||<v|2>ㅇㅇ|| | |
| 195 | ||ㅇㅇ|| | |
| 196 | ||
| 197 | 이 기능은 셀을 합칠 때를 상정하고 만들어졌으나, 꼼수를 이용하면 합치지 않은 셀에서도 사용 가능합니다. n을 ''1''로 치환하면 됩니다. 이렇게 되면 HTML 상으로 colspan 속성이 1로 들어가, 합쳐지지 않게 됩니다.(모르면 넘어가셔도 됩니다.) | |
| 198 | 예시: | |
| 199 | *상단 | |
| 200 | ||[br][br][br][br][br][br]||<^|1>상단|| | |
| 201 | *중앙 | |
| 202 | ||[br][br][br][br][br][br]||중앙|| | |
| 203 | *하단 | |
| 204 | ||[br][br][br][br][br][br]||<v|1>하단|| | |
| 205 | {{{ | |
| 206 | :: RAW :: | |
| 207 | *상단 | |
| 208 | ||[br][br][br][br][br][br]||<^|1>상단|| | |
| 209 | *중앙 | |
| 210 | ||[br][br][br][br][br][br]||중앙|| | |
| 211 | *하단 | |
| 212 | ||[br][br][br][br][br][br]||<v|1>하단|| | |
| 213 | }}} | |
| r80 | 214 | * 셀 배경색 |
| r91 | 215 | <bgcolor=색이름 또는 코드> 또는 <#색이름 또는 코드> |
| 216 | {{{ ||<#red>1||2|| | |
| r80 | 217 | ||3||4|| }}} |
| 218 | ||<bgcolor=red>1||2|| | |
| 219 | ||3||4|| | |
| 220 | * 한 줄 배경색 | |
| 221 | <rowbgcolor=색이름 또는 코드> | |
| 222 | {{{ ||<rowbgcolor=red>1||2||3|| | |
| 223 | ||4||5||6|| }}} | |
| 224 | ||<rowbgcolor=red>1||2||3|| | |
| 225 | ||4||5||6|| | |
| r83 | 226 | |
| r134 | 227 | * 셀 너비 |
| 228 | <width=100px> (절대 수치) | |
| 229 | <width=50%> (상대 수치) | |
| 230 | {{{||<width=100px>1||3|| | |
| 231 | ||2||4||}}} | |
| 232 | ||<width=100px>1||3|| | |
| 233 | ||2||4|| | |
| 234 | ||
| 235 | {{{||<width=20%> 1||3|| | |
| 236 | ||2||4||}}} | |
| 237 | ||<width=20%> 1||3|| | |
| 238 | ||2||4|| | |
| 239 | * 셀 높이 | |
| 240 | <height=100px> (절대 수치) | |
| 241 | <height=50%> (상대 수치) | |
| 242 | {{{||<height=100px>1||3|| | |
| 243 | ||2||4||}}} | |
| 244 | ||<height=100px>1||3|| | |
| 245 | ||2||4|| | |
| 246 | ||
| r135 | 247 | ==== 주의사항 ==== |
| r83 | 248 | * 색 코드를 입력할 때, 앞에 #을 입력해야 적용됩니다. |
| r137 | 249 | ||<:><table align=center>{{{#!folding [접기/펼치기] |
| r83 | 250 | * 좋은 예 |
| 251 | {{{||<table bgcolor=#ABCDEF>1||2|| | |
| 252 | ||3||4||}}} | |
| 253 | ||<table bgcolor=#ABCDEF>1||2|| | |
| 254 | ||3||4|| | |
| 255 | ||
| 256 | {{{||<table bordercolor=#ABCDEF>1||2|| | |
| 257 | ||3||4||}}} | |
| 258 | ||<table bordercolor=#ABCDEF>1||2|| | |
| 259 | ||3||4|| | |
| 260 | ||
| 261 | {{{ ||<bgcolor=#ABCDEF>1||2|| | |
| 262 | ||3||4|| }}} | |
| 263 | ||<bgcolor=#ABCDEF>1||2|| | |
| 264 | ||3||4|| | |
| 265 | ||
| 266 | {{{ ||<rowbgcolor=#ABCDEF>1||2||3|| | |
| 267 | ||4||5||6|| }}} | |
| 268 | ||<rowbgcolor=#ABCDEF>1||2||3|| | |
| 269 | ||4||5||6|| | |
| 270 | * 나쁜 예 | |
| 271 | {{{||<table bgcolor=ABCDEF>1||2|| | |
| 272 | ||3||4||}}} | |
| 273 | ||<table bgcolor=ABCDEF>1||2|| | |
| 274 | ||3||4|| | |
| 275 | ||
| 276 | {{{||<table bordercolor=ABCDEF>1||2|| | |
| 277 | ||3||4||}}} | |
| 278 | ||<table bordercolor=ABCDEF>1||2|| | |
| 279 | ||3||4|| | |
| 280 | {{{ ||<bgcolor=ABCDEF>1||2|| | |
| 281 | ||3||4|| }}} | |
| 282 | ||<bgcolor=ABCDEF>1||2|| | |
| 283 | ||3||4|| | |
| 284 | {{{ ||<rowbgcolor=ABCDEF>1||2||3|| | |
| 285 | ||4||5||6|| }}} | |
| 286 | ||<rowbgcolor=ABCDEF>1||2||3|| | |
| 287 | ||4||5||6|| | |
| r137 | 288 | }}}|| |
| r89 | 289 | === 캡션 === |
| 290 | 표에 캡션을 다는 방법은 다음과 같습니다. | |
| 291 | {{{ | |
| 292 | |캡션|셀1||셀2|| | |
| 293 | ||셀3||셀4|| | |
| 294 | }}} | |
| r86 | 295 | |
| r89 | 296 | |캡션|셀1||셀2|| |
| 297 | ||셀3||셀4|| | |
| 298 | ||
| 299 | |와 |사이에 내용을 입력합니다. 미리보기에서는 캡션이 깨질 수 있으나, 편집 시 정상적으로 보입니다. | |
| r22 | 300 | == 인용문 == |
| r24 | 301 | 내용 안에 문법 적용이 가능합니다. |
| r22 | 302 | {{{> (내용)}}} |
| 303 | >내용 | |
| 304 | ||
| r23 | 305 | {{{>>>> (내용)}}} |
| 306 | >>>>(내용) | |
| 307 | ||
| r25 | 308 | {{{#red 주의 1.}}} 위아래로 연속된 인용문을 만드려면 붙여써야 합니다. |
| r23 | 309 | ||<width=100px> |
| 310 | {{{>1 | |
| 311 | >2 | |
| 312 | >3}}} | |
| 313 | ||<width=100px> | |
| r24 | 314 | {{{>a |
| r23 | 315 | |
| r24 | 316 | >b |
| 317 | >c}}}|| | |
| r23 | 318 | |
| r24 | 319 | |
| r23 | 320 | >1 |
| 321 | >2 | |
| 322 | >3 | |
| 323 | ||
| r24 | 324 | >a |
| 325 | ||
| 326 | >b | |
| 327 | >c | |
| r25 | 328 | |
| r27 | 329 | {{{#red 주의 2.}}} 인용문법의 왼쪽에는 아무것도 없어야 문법이 적용됩니다. |
| r25 | 330 | {{{||> |
| 331 | > | |
| r31 | 332 | }}} |
| r25 | 333 | ||> |
| 334 | > | |
| 335 | ||
| r26 | 336 | |
| r25 | 337 | {{{|| |
| 338 | > | |
| 339 | > | |
| r27 | 340 | }}} |
| r25 | 341 | |
| 342 | > | |
| 343 | > | |
| r26 | 344 | |
| r53 | 345 | == 이미지(파일) 적용 == |
| r240 | 346 | {{{[[나무파일:나무위키에 업로드된 파일 이름]]}}}으로 나무위키에서 포크된 파일을 사용할 수 있습니다. 2017년 9월 27일 이전에 나무위키에 업로드된 파일만 가능합니다. |
| r155 | 347 | {{{[[파일:파일 이름]]}}}으로 알파위키에 업로드된 파일을 사용할 수 있습니다. |
| r53 | 348 | |
| r240 | 349 | === 외부이미지 === |
| r266 | 350 | {{{+1 '''꼼수를 이용한, 비권장 문법입니다.'''}}} |
| r267 | 351 | --하지만 이미지 업로드 기능이 동작하지 않는 시점에선 이게 유일한 방법이라는게 함정-- |
| r266 | 352 | |
| r240 | 353 | {{{ |
| r268 | 354 | {{{#!wiki style="background-image:url('파일주소');width:넓이;height:높이;background-repeat:no-repeat no-repeat;background-size:cover;" |
| r240 | 355 | }}} |
| 356 | }}} | |
| r270 (삭제된 사용자) | 357 | {{{#orange 주의. HTTPS를 지원하는 웹사이트로만 링크가 가능하며, 넓이, 높이는 지정해야 합니다. '''안 하면 이미지가 나타나지 않습니다.'''}}} |
| r240 | 358 | {{{ |
| r268 | 359 | {{{#!wiki style="background-image:url('https://ko.gravatar.com/userimage/134752146/35bdd096204130139d15af1a778f1d53.jpeg');width:80px;height:80px;background-repeat:no-repeat no-repeat;background-size:cover;" |
| r240 | 360 | }}} |
| 361 | ||
| 362 | }}} | |
| r268 | 363 | {{{#!wiki style="background-image:url('https://ko.gravatar.com/userimage/134752146/35bdd096204130139d15af1a778f1d53.jpeg');width:80px;height:80px;background-repeat:no-repeat no-repeat;background-size:cover;" |
| r240 | 364 | }}} |
| r266 | 365 | --한 유저의 前 그라바타입니다.-- |
| r268 | 366 | |
| 367 | 또한, 이 문법을 표에 적용할 때에는 셀의 넓이가 이미지 넓이 이상으로 설정되어 있어야 합니다. 자세한 사례는 [[Windows 7]] 문서를 참고하세요. | |
| r22 | 368 | == 수평줄 == |
| 369 | - 를 4개 이상 10개 이하로 연속으로 늘어놓으면 됩니다. | |
| 370 | {{{--- | |
| 371 | ---- | |
| 372 | ----- | |
| 373 | ------ | |
| 374 | ------- | |
| 375 | -------- | |
| 376 | --------- | |
| 377 | ----------}}} | |
| 378 | --- | |
| 379 | ---- | |
| 380 | ----- | |
| 381 | ------ | |
| 382 | ------- | |
| 383 | -------- | |
| 384 | --------- | |
| 385 | ---------- | |
| r55 | 386 | == 리스트 == |
| 387 | 번호가 없는 리스트는 다음과 같이 적용할 수 있습니다. | |
| 388 | {{{ * 내용}}} | |
| 389 | {{{ * 내용}}} | |
| 390 | {{{* 내용}}} | |
| 391 | ↓ | |
| 392 | * 내용 | |
| 393 | * 내용 | |
| 394 | * 내용 | |
| r57 | 395 | |
| 396 | 번호가 있는 리스트는 다음과 같이 적용할 수 있습니다. | |
| 397 | {{{ | |
| 398 | 1. 리스트 | |
| 399 | 1. 리스트 | |
| 400 | ||
| 401 | A. 리스트 | |
| 402 | A. 리스트 | |
| 403 | ||
| 404 | a. 리스트 | |
| 405 | a. 리스트 | |
| 406 | ||
| 407 | I. 리스트 | |
| 408 | I. 리스트 | |
| 409 | ||
| 410 | i. 리스트 | |
| 411 | i. 리스트 | |
| 412 | }}} | |
| 413 | ↓ | |
| 414 | 1. 리스트 | |
| 415 | 1. 리스트 | |
| 416 | ||
| 417 | A. 리스트 | |
| 418 | A. 리스트 | |
| 419 | ||
| 420 | a. 리스트 | |
| 421 | a. 리스트 | |
| 422 | ||
| 423 | I. 리스트 | |
| 424 | I. 리스트 | |
| 425 | ||
| 426 | i. 리스트 | |
| 427 | i. 리스트 | |
| r58 | 428 | ---- |
| 429 | {{{#red 주의사항}}} | |
| 430 | * 리스트를 적용할 때, 앞에 공백을 입력해야 합니다. | |
| r59 | 431 | == 각주 == |
| r93 | 432 | 각주를 적용하는 방법은 다음과 같습니다. |
| 433 | {{{[* 내용] | |
| 434 | [*A 문자가 있는 각주] | |
| r191 | 435 | [*제목 이렇게도 할 수 있음.] |
| r93 | 436 | [*B 같은 각주를 반복] |
| 437 | [*B] | |
| 438 | }}} | |
| 439 | [* 내용] | |
| 440 | [*A 문자가 있는 각주] | |
| r191 | 441 | [*제목 이렇게도 할 수 있음.] |
| r93 | 442 | [*B 같은 각주를 반복] |
| 443 | [*B] | |
| 444 | ||
| 445 | 2번째 줄과 같이, 각주를 입력할 때 출력되는 각주의 문자를 변경할 수 있습니다. 같은 문자의 각주를 입력할 때, 2번째 각주부터는 내용을 생략할 수 있습니다. | |
| 446 | ||
| 447 | {{{#red 주의사항}}} | |
| 448 | * [* 와 내용 사이에 공백이 있어야 합니다. | |
| 449 | * 틀 내부에 각주를 넣으면 문서 자체의 각주와 번호가 꼬이게 됩니다. 예를 들어 틀 내부에도 1번 각주가 있고 문서 자체에도 1번 각주가 있을 경우, 두 각주의 앵커가 동일한 '#fn-1'로 지정되며 브라우저에서는 먼저 나온 쪽의 앵커만을 유효한 앵커로서 인식하게 되어 문서 자체의 1번 각주를 눌러도 틀 내부의 1번 각주로 이동하는 현상이 일어납니다. | |
| 450 | [각주] | |
| r113 | 451 | == 주석 == |
| r65 | 452 | {{{본문 |
| 453 | ## (내용) | |
| 454 | 본문 | |
| 455 | ## 이 글은 출력되지 않습니다. | |
| 456 | 본문 | |
| 457 | }}} | |
| r64 | 458 | |
| r65 | 459 | 본문 |
| r64 | 460 | ## (내용) |
| r65 | 461 | 본문 |
| 462 | ## 이 글은 출력되지 않습니다. | |
| 463 | 본문 | |
| r64 | 464 | |
| 465 | 문서 열람 시에는 보이지 않으며, 문서 편집할 때만 나타나는 내용을 삽입할 수 있습니다. 문서를 편집하는 편집자들에게 유의사항을 알리는 용도로 주로 이용됩니다. | |
| r59 | 466 | == 매크로 == |
| r94 | 467 | 매크로를 입력하는 법은 다음과 같습니다. |
| 468 | {{{[date] | |
| 469 | [br] | |
| 470 | [include(틀:틀이름)] | |
| 471 | [목차] | |
| 472 | [각주] | |
| 473 | [pagecount] | |
| 474 | [age(YYYY-MM-DD)] | |
| 475 | [dday(YYYY-MM-DD)] | |
| 476 | }}} | |
| r95 | 477 | === date === |
| r96 | 478 | 현재 시각을 표시합니다. |
| 479 | {{{[date]}}} 또는 {{{[datetime]}}} 로 호출 가능합니다. | |
| 480 | 예: | |
| 481 | * 현재 시각은 [date]입니다. | |
| r95 | 482 | === br === |
| r97 | 483 | 해당 위치에 한 줄을 개행하는 html인 {{{<br>}}}을 실행합니다. |
| 484 | {{{[br]}}}로 호출가능합니다. | |
| r95 | 485 | === include === |
| r98 | 486 | 해당 위치에 틀을 삽입할 수 있습니다. |
| 487 | {{{[include(틀:문서명)]}}} 으로 호출 가능합니다. | |
| 488 | 삽입 될 문서에 {{{@이름@}}}과 같은 형태를 삽입하고, | |
| 489 | {{{[include(틀:문서명, 이름=값)]}}} 을 할 경우 '값' 이 {{{@이름@}}}을 적어넣은 위치에 호출됩니다. | |
| r186 | 490 | |
| r185 | 491 | 꼭 틀만 삽입 가능 한것은 아닙니다. {{{[include(알파위키)]}}}를 적으면 알파위키 문서가 호출되지만 알파위키 문서 내에 있는 틀은 호출되지 않습니다. |
| r186 | 492 | |
| 493 | 이 특성을 이용해서 틀에 사용 설명을 기술할 수 있습니다. {{{틀:틀예시}}}라는 틀이 있다고 가정하면, {{{틀:틀예시/설명문서}}}라는 문서에 설명을 기술한 뒤 {{{틀:틀예시}}} 문서에 틀 문법 하단에 이 매크로를 이용해서 설명문서를 삽입하면 틀 문서에서는 설명이 보이지만, 틀을 실제로 사용할 때는 해당 내용을 볼 수 없습니다. | |
| r95 | 494 | === 목차 === |
| r99 | 495 | 해당 문서의 문단을 목차로 나타냅니다. |
| 496 | {{{[목차]}}} 또는 {{{[tableofcontents]}}}로 호출가능합니다. | |
| r95 | 497 | === 각주 === |
| r100 | 498 | 해당 문서의 각주를 표시합니다. 기본적으로 문서 최하단에 자동으로 표기되지만, |
| 499 | 문서 중간에 해당 매크로를 호출한 경우, 해당 매크로가 호출 되기 전의 매크로를 출력하고, | |
| 500 | 남은 각주는 다시 매크로를 호출하지 않는다면, 최하단에 나머지 각주가 표기됩니다. | |
| 501 | {{{[각주]}}} 또는 {{{[footnote]}}} 로 호출가능 합니다. | |
| r95 | 502 | === pagecount === |
| r155 | 503 | 알파위키 전체 문서수를 계산합니다. [pagecount]개와 같은 형식으로 출력합니다. |
| r101 | 504 | {{{[pagecount]}}}로 호출 가능합니다. |
| 505 | 특정 네임스페이스만을 계산하는 방법도 있습니다. | |
| 506 | {{{[pagecount(네임스페이스)]}}}로 호출할 수 있습니다. | |
| r155 | 507 | 예를 들어, 알파위키에 존재하는 모든 사용자들의 수를 계산하고싶다면 {{{사용자}}} 로 네임스페이스를 정하면 됩니다. 또한, 일반적인 문서의 수를 구하려면 {{{문서}}}를 사용하시면 됩니다. |
| r161 | 508 | 예:현재 사용자 수는 [PageCount(사용자)]입니다. |
| r95 | 509 | === age === |
| r102 | 510 | 생년월일을 기입시 자동으로 만 나이를 계산하여 줍니다. |
| 511 | {{{[age(년-월-일)]}}} 로 호출 할 수 있습니다. | |
| r235 | 512 | 예를들어, 1999년 9월 9일에 출생하였다면, {{{[age(1999-09-09)]}}}와 같은 형태로 적으면 됩니다.(결과: [age(1999-09-09)]) |
| r95 | 513 | === dday === |
| r103 | 514 | 날짜를 기입하면, 현재 시간으로부터 남은 일수를 계산합니다. 계산한 값 앞에는 -가 붙습니다. |
| 515 | {{{[dday(년-월-일)]}}}으로 호출합니다. | |
| 516 | 반대로, 이미 지나간 날짜를 기입하면, 지나간 일수를 계산합니다. 계산한 값 앞에는 +가 붙습니다. | |
| 517 | 예를들어, 2010년 10월 2일부터 지나간 일수를 계산하려면, {{{[dday(2010-10-02)]}}}와 같이 적으면 됩니다 | |
| r260 | 518 | === math === |
| r261 | 519 | [[LaTeX|[math(\LaTeX{})]]] 수식을 출력합니다. |
| r260 | 520 | 자세한 내용은 [[#LaTeX|수식 문단을 참고하세요.]] |
| r20 | 521 | == 접기 == |
| 522 | ||{{{ {{{#!folding 접기안내문구 | |
| 523 | (접힌 내용) | |
| 524 | }}} }}} || | |
| 525 | ||<#fff><:>{{{#!folding 접기안내문구 | |
| 526 | (접힌 내용) | |
| 527 | }}} || | |
| 528 | 텍스트를 누르면 접은 내용이 펼쳐지고, 텍스트를 다시 누르면 펼쳐진 내용이 접힙니다. | |
| 529 | ---- | |
| 530 | '''{{{#red 주의사항}}}''' | |
| 531 | * 접기 안내문구 텍스트에는 나무마크나 html등 어떠한 문법도 적용되지 않습니다. | |
| r21 | 532 | * 표에 접기 문법을 적용한 경우 표 바깥의 문법은 표 안에 적용되지 않습니다. 따라서 표 안쪽의 문법은 따로 설정해야 합니다. |
| r33 | 533 | === 여러개의 틀을 한꺼번에 접기(고급) === |
| 534 | {{{|| {{{#!folding 접기/펼치기 | |
| 535 | {{{#!folding 접기1번 | |
| 536 | 내용 1 | |
| 537 | }}} | |
| 538 | {{{#!folding 접기2번 | |
| 539 | 내용 2 | |
| 540 | }}} | |
| 541 | }}} ||}}} | |
| 542 | || {{{#!folding 접기/펼치기 | |
| 543 | {{{#!folding 접기1번 | |
| 544 | 내용 1 | |
| 545 | }}} | |
| 546 | {{{#!folding 접기2번 | |
| 547 | 내용 2 | |
| 548 | }}} | |
| 549 | }}} || | |
| 550 | ||
| r152 | 551 | 하나의 접기 문법 틀 안에 다른 접기문법 들을 넣으면, 바깥에 있는 접기 문법을 열였을 때 내부에 있던 접기들이 한꺼번에 펼쳐집니다. include문법을 이용한 틀을 넣었을 때에도 동일하게 적용됩니다. |
| r248 | 552 | |
| 553 | === 문단 접기 === | |
| 554 | 문단을 표시하는 각 등호 뒤/앞에 {{{#}}}을 붙여 주세요. 그렇게 하면 문단이 기본으로 접힙니다. | |
| 555 | ||
| 556 | 예시:{{{====# 접힌 문단 #==== | |
| 557 | 내용}}} | |
| 558 | ====# 접힌 문단 예시 #==== | |
| 559 | 내용 | |
| r259 | 560 | [anchor(LaTeX)] |
| r60 | 561 | == 수식 == |
| r190 | 562 | [[LaTeX|<math>\LaTeX{}</math>]]수식을 입력하는 법은 다음과 같습니다. |
| r258 | 563 | {{{<math> 식 </math>}}} - 비권장 |
| 564 | {{{[math(식)]}}} | |
| r112 | 565 | {{{<math> ax+by+cz=0</math> |
| 566 | }}} | |
| 567 | <math> ax+by+cz=0</math> | |
| r192 | 568 | '''{{{#orange {{{+1 주의사항}}}}}}''' |
| r112 | 569 | * 편집창에서 쓰는 띄어쓰기는 명령어를 구분해주는 기능을 합니다. 수식 자체의 띄어쓰기는 {{{\, \quad, \qquad}}}를 입력해 줍니다. |
| r187 | 570 | |
| r192 | 571 | * 기술적인 문제로 LaTeX 대신 KaTeX를 사용 중이므로, 일부 문법은 미지원될 수 있습니다. |
| r112 | 572 | === 분수 === |
| r188 | 573 | 분수는 {{{\frac{분자}{분모} }}}혹은{{{ {분자 \over 분모}}} 형태로 나타낼 수 있습니다. 이 때 글씨 크기를 일정하게 유지하려면{{{ \displaystyle}}}를 씁니다. |
| r118 | 574 | {{{<math> \frac{1}{3} + \frac{5}{7} = \frac{22}{21}</math>}}} |
| r112 | 575 | |
| r116 | 576 | <math> \frac{1}{3} + \frac{5}{7} = \frac{22}{21}</math> |
| r118 | 577 | |
| 578 | {{{<math> \displaystyle \frac{1}{3} + \frac{5}{7} = \frac{22}{21}</math>}}} | |
| 579 | ||
| 580 | <math> \displaystyle \frac{1}{3} + \frac{5}{7} = \frac{22}{21}</math> | |
| r119 | 581 | === 첨자 === |
| r120 | 582 | 위첨자는 ^, 아래첨자는 _으로 적용할 수 있습니다. |
| 583 | {{{<math> \displaystyle a^2,\a_4,\a^3_5</math>}}} | |
| 584 | <math> \displaystyle a^2, a_4, a^3_5</math> | |
| r121 | 585 | *합(시그마)이나 곱(파이), 적분, 극한 을 나타내는 기호는 아래와 같이 {{{\sum, \prod, \int, \lim}}} 명령어와 위첨자, 아래첨자 기능을 씁니다. |
| 586 | 이 때 원래 모양대로 나타내려면 마찬가지로 {{{\displaystyle}}}을 씁니다. | |
| 587 | ||
| r122 | 588 | {{{<math> \sum^{n}_{k=1}k, \prod^{n}_{k=1}k </math>}}} |
| 589 | ||
| 590 | ||
| 591 | ||
| 592 | <math> \sum^{n}_{k=1}k, \prod^{n}_{k=1}k </math> | |
| 593 | ||
| 594 | ||
| 595 | ||
| 596 | ||
| 597 | {{{<math> \displaystyle \sum^{n}_{k=1}k, \prod^{n}_{k=1}k </math>}}} | |
| 598 | ||
| 599 | ||
| 600 | ||
| 601 | <math> \displaystyle \sum^{n}_{k=1}k, \prod^{n}_{k=1}k </math> | |
| 602 | ||
| 603 | ||
| 604 | ||
| 605 | ||
| 606 | {{{<math> \lim_{x \to 0} \frac{\sin x}{x} </math> }}} → | |
| 607 | ||
| 608 | ||
| 609 | ||
| 610 | <math> \lim_{x \to 0} \frac{\sin x}{x} </math> | |
| 611 | ||
| 612 | ||
| 613 | ||
| 614 | {{{<math> \displaystyle \lim_{x \to 0} \frac{\sin x}{x} </math> }}} | |
| 615 | ||
| 616 | ||
| 617 | <math> \displaystyle \lim_{x \to 0} \frac{\sin x}{x} </math> | |
| 618 | ||
| 619 | ||
| 620 | ||
| 621 | ||
| 622 | {{{<math> \int^{b}_{a} x^n dx </math>}}} | |
| 623 | ||
| 624 | ||
| 625 | <math> \int^{b}_{a} x^n dx </math> | |
| 626 | ||
| 627 | ||
| 628 | ||
| 629 | ||
| 630 | {{{<math> \displaystyle \int^{b}_{a} x^n dx </math>}}} | |
| 631 | ||
| 632 | ||
| 633 | <math> \displaystyle \int^{b}_{a} x^n dx </math> | |
| r120 | 634 | === 장식 기호 === |
| r123 | 635 | 장식 기호는 \기호명칭{문자} 로 나타낼 수 있습니다. |
| 636 | {{{<math> \dot{1}, \ddot{1}, \grave{1}, \check{1}, \breve{1}, \tilde{1}, \bar{1}, \hat{1}, \vec{1} </math>}}} | |
| 637 | <math> \dot{1}, \ddot{1}, \grave{1}, \check{1}, \breve{1}, \tilde{1}, \bar{1}, \hat{1}, \vec{1} </math> | |
| r119 | 638 | === 정자체 === |
| r124 | 639 | 수식은 기본적으로 이탤릭체로 되어 있습니다. 수식 내에서 정자로 쓸 때에는 {{{\text{문구} }}}를 이용합니다. |
| 640 | {{{<math>\displaystyle {nT \over PV} = \text{const} </math>}}} → <math>\displaystyle {nT \over PV} = \text{const} </math> | |
| 641 | ||
| 642 | 삼각함수나 쌍곡선 함수, 로그, exp 등의 특수함수는 \\ 기호로 간단하게 쓸 수 있습니다. | |
| 643 | {{{<math> \sin x, \cos x, \tan x </math>}}} →<math> \sin x, \cos x, \tan x </math> | |
| 644 | {{{<math> \sinh y, \cosh y, \tanh y </math>}}} →<math> \sinh y, \cosh y, \tanh y </math> | |
| 645 | {{{<math> \exp(t), \log W, \ln W </math>}}} →<math> \exp(t), \log W, \ln W </math> | |
| r18 | 646 | == youtube 동영상 삽입 == |
| r45 | 647 | {{{ [youtube(유튜브 공유 링크)] }}} 로 유튜브 동영상을 삽입 가능합니다. |
| 648 | 공유 링크는 해당 영상의 공유 버튼을 나오면 뒤에 나오는 영문과 숫자가 혼합된 문자를 말합니다. | |
| r143 | 649 | |
| 650 | 예시) https://youtu.be/{{{#red __-4pQ_qyqL2E__}}} | |
| r195 | 651 | -> {{{[youtube(-4pQ_qyqL2E)]}}} |
| 652 | [youtube(-4pQ_qyqL2E)] | |
| 653 | --[[리그베다위키|왜 하필이면..]]-- | |
| r233 | 654 | |
| 655 | {{{#orange {{{+2 매개변수}}}}}} | |
| 656 | ----- | |
| 657 | 매개변수는 {{{[youtube(ID, 매개변수)]}}} 혹은 {{{[youtube(ID,매개변수=값, 매개변수=값)]}}}와 같은 방식으로 쓸 수 있습니다. | |
| 658 | [[파일:속성.png|width=18px]] width - 가로길이 | |
| 659 | [[파일:속성.png|width=18px]] height - 세로길이 | |
| 660 | [[파일:속성.png|width=18px]] start - 시작 시간(초) | |
| 661 | 예시: {{{ | |
| 662 | [youtube(-4pQ_qyqL2E, width=80%, height=300px, start=29)] | |
| 663 | }}} | |
| 664 | [youtube(-4pQ_qyqL2E, width=80%, height=300px, start=29)] | |
| 665 | {{{#orange {{{+1 팁}}}}}} | |
| 666 | 길이는 px, % 등을 사용할 수 있습니다. | |
| r12 | 667 | == [[HTML]] == |
| r155 | 668 | 알파위키는 html문법을 부분적으로 지원합니다. |
| r14 | 669 | {{{{{{#!html (코드)}}}}}} 형태입니다. 여는 부분(앞)과 닫는 부분(뒤)이 둘 다 있어야 html문법이 적용됩니다. |
| r15 | 670 | |
| 671 | ||
| 672 | div 문법을 사용하면 강제로 줄이 바뀌고, span문법을 사용하면 줄이 바뀌지 않습니다. | |
| r32 | 673 | ||<:><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 | 674 | ||<-2>div 문법 사용(강제줄바꿈)||<-2>span 문법 사용 (줄바꿈X)|| |
| 675 | ||
| r32 | 676 | >{{{[[종점1역|{{{#!html<div style="font-size:13px"><font color="#585858">종점1 방면</font>}}}]]}}} |
| r15 | 677 | |
| r32 | 678 | >{{{[[종점3역|{{{#!html<span style="font-size:13px"><font color="#585858">종점3 </font>}}}]]}}} |
| r144 | 679 | |
| 680 | 자세한 태그 목록은 [[HTML/태그]]문서를 참조하시기 바랍니다. | |
| r193 | 681 | === CSS 스타일 적용 === |
| r194 | 682 | {{{{{{#!wiki style="스타일" |
| 683 | 내용}}}}}} 형태이며, 열고 닫는 부분 모두가 있어야 합니다. | |
| r193 | 684 | {{{{{{#!wiki style="background-color: orange" |
| 685 | 오렌지색}}}}}} | |
| 686 | ||
| 687 | {{{#!wiki style="background-color: orange" | |
| 688 | 오렌지색}}} | |
| 689 | ||
| 690 | {{{#orange {{{+1 주의사항}}}}}} | |
| 691 | 1. 이러한 코드는 내부적으로 {{{<div>}}} 박스로 처리됩니다. | |
| 692 | 1. 스타일 내용과 본문 사이에는 줄바꿈이 있어야 합니다. | |
| r213 | 693 | |
| 694 | ==== 문법 ==== | |
| r201 | 695 | 각 스타일은 {{{;}}}(세미콜론)으로 구분합니다. |
| r203 | 696 | 각 속성 뒤에는 {{{:}}}이 붙으며, 그 뒤에는 속성의 값을 작성합니다. |
| 697 | 예를 들어, {{{background-color}}} 속성을 {{{black}}}[* 흑색]으로 적용하려면 {{{background-color: black}}}을 쓰실 수 있습니다. | |
| r224 | 698 | [각주] |
| r213 | 699 | ==== 테두리 ==== |
| r207 | 700 | {{{border}}} 속성은 {{{wiki}}}문의 border(테두리)를 지정해 주는 속성입니다. |
| r202 | 701 | ---- |
| 702 | {{{#orange {{{+2 사용법}}}}}} | |
| 703 | {{{border: 두깨 스타일 색상}}} | |
| 704 | ||
| 705 | {{{+1 용례}}} | |
| 706 | {{{ | |
| 707 | {{{#!wiki style="border: 2px solid gray" | |
| 708 | 2px solid gray 스타일입니다. | |
| 709 | }}} | |
| 710 | }}} | |
| 711 | {{{#!wiki style="border: 2px solid gray" | |
| 712 | 2px solid gray 스타일입니다. | |
| 713 | }}} | |
| r204 | 714 | ----- |
| 715 | {{{+1 border 스타일}}} | |
| 716 | ----- | |
| 717 | || | |
| 718 | {{{#!wiki style="border: 5px dotted #ABCDEF;width: 100px; padding: 3px; margin: 3px;text-align: center;float:left;" | |
| 719 | dotted | |
| 720 | }}}{{{#!wiki style="border: 5px dashed #ABCDEF;width: 100px; padding: 3px; margin: 3px;text-align: center;float:left;" | |
| 721 | dashed | |
| 722 | }}}{{{#!wiki style="border: 5px solid #ABCDEF;width: 100px; padding: 3px; margin: 3px;text-align: center;float:left;" | |
| 723 | solid | |
| 724 | }}}{{{#!wiki style="border: 5px double #ABCDEF;width: 100px; padding: 3px; margin: 3px;text-align: center;float:left;" | |
| 725 | double | |
| 726 | }}}{{{#!wiki style="border: 5px groove #abcdef;width: 100px; padding: 3px; margin: 3px;text-align: center;float:left;" | |
| 727 | groove | |
| 728 | }}}{{{#!wiki style="border: 5px ridge #abcdef;width: 100px; padding: 3px; margin: 3px;text-align: center;float:left;" | |
| 729 | ridge | |
| 730 | }}}{{{#!wiki style="border: 5px inset #abcdef;width: 100px; padding: 3px; margin: 3px;text-align: center;float:left;" | |
| 731 | inset | |
| 732 | }}}{{{#!wiki style="border: 5px outset #abcdef;width: 100px; padding: 3px; margin: 3px;text-align: center;float:left;" | |
| 733 | outset | |
| 734 | }}}{{{#!wiki style="border: 5px none #abcdef;width: 100px; padding: 3px; margin: 3px;text-align: center;float:left;" | |
| 735 | none | |
| 736 | }}}{{{#!wiki style="border: 5px hidden #abcdef;width: 100px; padding: 3px; margin: 3px;text-align: center;float:left;" | |
| r209 | 737 | hidden |
| r204 | 738 | }}} |
| 739 | || | |
| r205 | 740 | [br][br][br][br][br] |
| r202 | 741 | ---- |
| 742 | {{{#orange {{{+2 비슷한 속성}}}}}} | |
| 743 | ---- | |
| 744 | [[파일:속성.png|width=18px]] border-top | |
| 745 | [[파일:속성.png|width=18px]] border-bottom | |
| 746 | [[파일:속성.png|width=18px]] border-left | |
| 747 | [[파일:속성.png|width=18px]] border-right | |
| 748 | 각각 상하좌우의 테두리를 설정하는 속성입니다. 사용 방법은 {{{border}}}와 같습니다. | |
| r215 | 749 | |
| 750 | [[파일:속성.png|width=18px]] border-radius | |
| 751 | 이 속성은 테두리의 둥근 면의 반지름을 설정하는 속성입니다. | |
| 752 | {{{ | |
| 753 | {{{#!wiki style="border: 5px solid #ABCDEF;width: 300px;text-align: center;border-radius: 6px;" | |
| 754 | border-radius를 6px로 지정했습니다. | |
| 755 | }}} | |
| 756 | }}} | |
| 757 | {{{#!wiki style="border: 5px solid #ABCDEF;width: 300px;text-align: center;border-radius: 6px;" | |
| 758 | border-radius를 6px로 지정했습니다. | |
| 759 | }}} | |
| r213 | 760 | ==== 줄바꿈 방지 ==== |
| r201 | 761 | {{{float}}} 속성을 지정해 주시면 되며, 반드시 {{{wiki}}}의 닫는 중괄호와 그 다음 여는 중괄호는 붙어 있어야 합니다. 다음 예시를 보시면 이해가 쉬울 겁니다. |
| 762 | {{{+2 {{{#ABCDEF 예시1}}}}}} | |
| 763 | {{{ | |
| 764 | {{{#!wiki style="width:100px;border:1px solid blue;float:left;margin:3px;padding:3px;" | |
| 765 | 알파위키}}}{{{#!wiki style="width:100px;border:1px solid blue;float:left;margin:3px;padding:3px;" | |
| 766 | 알파위키 | |
| r210 | 767 | }}}}}} |
| r201 | 768 | ||{{{#!wiki style="width:100px;border:1px solid blue;float:left;margin:3px;padding:3px;" |
| 769 | 알파위키}}}{{{#!wiki style="width:100px;border:1px solid blue;float:left;margin:3px;padding:3px;" | |
| 770 | 알파위키 | |
| 771 | }}}|| | |
| 772 | ||
| 773 | {{{+2 {{{#ABCDEF 예시2}}}}}} | |
| 774 | {{{ | |
| 775 | {{{#!wiki style="border:1px solid blue;float:left" | |
| 776 | 알파위키}}}{{{#!wiki style="border:1px solid blue;float:left;" | |
| 777 | 알파위키 | |
| 778 | }}} | |
| 779 | }}} | |
| 780 | ||{{{#!wiki style="border:1px solid blue;float:left" | |
| 781 | 알파위키}}}{{{#!wiki style="border:1px solid blue;float:left;" | |
| 782 | 알파위키 | |
| 783 | }}}|| | |
| r213 | 784 | ==== 색 ==== |
| r211 | 785 | 배경 색은 {{{background-color}}} 속성으로 처리합니다. color는 영국식 {{{colour}}}이 아닌 미국식 {{{color}}}로 작성해야 하는 점 유의해 주시기 바랍니다. |
| 786 | {{{ | |
| 787 | {{{#!wiki style="background-color: #ABCDEF" | |
| 788 | #ABCDEF는 알파위키 상징색입니다. | |
| 789 | }}} | |
| 790 | }}} | |
| 791 | {{{#!wiki style="background-color: #ABCDEF" | |
| 792 | #ABCDEF는 알파위키 상징색입니다. | |
| 793 | }}} | |
| 794 | ||
| r212 | 795 | 글자 색은 {{{color}}} 속성으로 처리합니다. 역시 color는 미국식입니다. 다만, 글자색은 {{{{{{#색 내용}}}}}} 문법으로 더 쉽게 처리할 수 있다는 점을 기억해 두시기 바랍니다. |
| r211 | 796 | {{{ |
| 797 | {{{#!wiki style="color: #ABCDEF" | |
| 798 | #ABCDEF는 알파위키 상징색입니다. | |
| 799 | }}} | |
| 800 | }}} | |
| 801 | {{{#!wiki style="color: #ABCDEF" | |
| 802 | #ABCDEF는 알파위키 상징색입니다. | |
| 803 | }}} | |
| 804 | {{{+1 {{{#orange 주의사항 }}}}}} | |
| 805 | 위 예시와 같이, 밝은 배경과 밝은 색을 혼합하면 가독성이 떨어집니다. | |
| r213 | 806 | ==== 텍스트 그림자 효과 ==== |
| r115 | 807 | 글자에 그림자 효과를 냅니다. 가로이동과 세로이동을 0으로 지정해놓으면 네온 효과가 납니다. |
| 808 | {{{{{{#!html <span style="text-shadow: 가로이동px 세로이동px 그림자크기px #그림자 색상 코드;color:#글자 색상 코드">텍스트</span>}}}}}} | |
| 809 | {{{#!html <span style="text-shadow: 2px 2px 6px #767676;color:#000">예시</span>}}}와 같이 나타나며, | |
| r196 | 810 | |
| 811 | {{{{{{#!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>}}} | |
| 812 | }}} | |
| r115 | 813 | {{{#!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>}}} |
| 814 | ||
| r214 | 815 | ==== 폰트 ==== |
| 816 | {{{font-family}}} 속성을 이용하시면 됩니다. | |
| 817 | {{{ | |
| 818 | {{{#!wiki style="font-family: Times New Roman;float:left" | |
| 819 | 이건 Times New Roman이고요, }}}{{{#!wiki style="font-family: Arial" | |
| 820 | 이건 Arial입니다.}}} | |
| 821 | }}} | |
| 822 | {{{#!wiki style="font-family: Times New Roman;float:left" | |
| 823 | 이건 Times New Roman이고요, }}}{{{#!wiki style="font-family: Arial" | |
| 824 | 이건 Arial입니다.}}} | |
| r216 | 825 | |
| 826 | ==== 여백 ==== | |
| 827 | {{{padding}}} 속성은 틀 안의 여백을 정의하고, {{{margin}}} 속성은 틀과 다른 요소 사이의 여백을 정의합니다. | |
| 828 | {{{ | |
| 829 | ||{{{#!wiki style="padding:15px;margin:10px;border:2px solid gray;" | |
| 830 | padding 15px에 margin 10px입니다. | |
| 831 | }}}|| | |
| 832 | }}} | |
| 833 | ||{{{#!wiki style="padding:15px;margin:10px;border:2px solid gray;" | |
| 834 | padding 15px에 margin 10px입니다. | |
| 835 | }}}|| | |
| r217 | 836 | |
| 837 | ==== 요소의 넓이 강제 100%지정 막기 ==== | |
| r255 | 838 | {{{{{{#!wiki}}}}}} 문법이 내부적으로 {{{<div>}}} 박스로 처리되는 관계로, 기본적으로 해당 스타일 내부의 요소의 넓이는 100%로 강제 설정됩니다. 이를 막으려면, {{{display}}} 속성을 {{{table}}}으로 설정하거나 {{{width}}} 속성을 정의하시면 됩니다. |
| r217 | 839 | {{{ |
| 840 | {{{#!wiki style="border: 2px dotted #abcdef;" | |
| 841 | 속성 적용 안함 | |
| 842 | }}} | |
| 843 | {{{#!wiki style="border: 2px dotted #abcdef;display:table;" | |
| r255 | 844 | display:table |
| r217 | 845 | }}} |
| r255 | 846 | {{{#!wiki style="border: 2px dotted #abcdef;width:100px;" |
| 847 | width 100px | |
| r217 | 848 | }}} |
| r255 | 849 | }}} |
| r217 | 850 | {{{#!wiki style="border: 2px dotted #abcdef;" |
| 851 | 속성 적용 안함 | |
| 852 | }}} | |
| 853 | {{{#!wiki style="border: 2px dotted #abcdef;display:table;" | |
| r255 | 854 | display:table |
| r217 | 855 | }}} |
| r255 | 856 | {{{#!wiki style="border: 2px dotted #abcdef;width:100px;" |
| 857 | width 100px | |
| 858 | }}} | |
| r219 | 859 | ==== 넓이 및 높이 ==== |
| 860 | 넓이 및 높이는 {{{width}}} 및 {{{height}}} 속성으로 설정할 수 있습니다. | |
| r220 | 861 | {{{ |
| 862 | {{{#!wiki style="width: 100px; height: 50px; border: 2px solid black;" | |
| 863 | width 100px, height 500px | |
| r219 | 864 | }}} |
| r220 | 865 | }}} |
| 866 | {{{#!wiki style="width: 100px; height: 50px; border: 2px solid black;" | |
| 867 | width 100px, height 500px | |
| 868 | }}} | |
| r228 | 869 | |
| 870 | ==== 그라디언트 ==== | |
| r231 | 871 | 박스에 그라디언트 속성을 정의합니다. 구버전 IE 등 일부 웹브라우저에서는 깨져 보일 수 있으므로, {{{background-color}}} 속성과 병행하여 사용하는 것을 추천합니다. 다만 이러한 경우에는, 그라디언트 관련 속성이 뒤에 와야 우선권을 가집니다. |
| r228 | 872 | ===== 선형 ===== |
| 873 | {{{background-image}}} 속성에 {{{linear-gradient(to 방향, 색1 퍼센트, 색2 퍼센트)}}}의 값을 적용시킬 수 있습니다. | |
| 874 | 또는, 값을 간소화하여 {{{linear-gradient(to 방향, 색1, 색2)}}}로 사용할 수 있습니다. | |
| 875 | 색은 갯수 제한없이 사용 가능하며, 콤마(,)로 구분하여 색의 이름(white, black, blue 등), html 색 값(#ABCDEF 등) 또는 RGB 값(''rgb(0,0,0)'' 또는 ''rgba(0,0,0,0.5)'')으로 쓸 수 있습니다. | |
| r229 | 876 | {{{ |
| r228 | 877 | {{{#!wiki style="background-image:linear-gradient(to right, #ABCDEF, #C0AAE1)" |
| 878 | #ABCDEF에서 #C0AAE1로 그라디언트! | |
| 879 | }}} | |
| r229 | 880 | }}} |
| 881 | {{{#!wiki style="background-image:linear-gradient(to right, #ABCDEF, #C0AAE1)" | |
| 882 | #ABCDEF에서 #C0AAE1로 그라디언트! | |
| 883 | }}} | |
| r228 | 884 | |
| r229 | 885 | ===== 원형 ===== |
| 886 | {{{background-image}}} 속성에 {{{radial-gradient}}} 속성을 적용하시면 됩니다. 사용법은 선형 그라디언트와 같습니다. 다만, 방향의 값을 적용시키지 않습니다. | |
| 887 | {{{ | |
| 888 | {{{#!wiki style="background-image:radial-gradient(#ABCDEF 40%, #C0AAE1 80%);height:100px;" | |
| 889 | 원형 그라디언트! | |
| 890 | }}} | |
| 891 | }}} | |
| 892 | {{{#!wiki style="background-image:radial-gradient(#ABCDEF 40%, #C0AAE1 80%);height:100px;" | |
| 893 | 원형 그라디언트! | |
| 894 | }}} | |
| r263 | 895 | |
| 896 | ===== 정보상자에서의 활용 ===== | |
| 897 | 물론 그라디언트를 정보상자에 적용시키는 것도 가능합니다. | |
| 898 | {{{ | |
| 899 | ||<-2><:>{{{#!wiki style="background:linear-gradient(to right,skyblue,#abcdef);margin:-5px -10px;" | |
| 900 | {{{#white 나무마크}}}}}}|| | |
| 901 | ||<)>사용 엔진||[[the seed]]|| | |
| 902 | ||<)>개발자||[[namu]],[[kasio]]|| | |
| 903 | }}} | |
| 904 | ||<-2><:>{{{#!wiki style="background:linear-gradient(to right,skyblue,#abcdef);margin:-5px -10px;" | |
| 905 | {{{#white 나무마크}}}}}}|| | |
| 906 | ||<)>사용 엔진||[[the seed]]|| | |
| 907 | ||<)>개발자||[[namu]],[[kasio]]|| | |
| r234 | 908 | ==== 박스 중앙정렬 ==== |
| 909 | 다음과 같이 박스를 중앙 정렬할 수 있습니다. | |
| 910 | {{{ | |
| 911 | {{{#!wiki style="border:1px solid black;width:60px;margin: 0 auto;" | |
| 912 | 중앙정렬된 박스. | |
| 913 | }}} | |
| 914 | }}} | |
| 915 | {{{#!wiki style="border:1px solid black;width:60px;margin: 0 auto;" | |
| 916 | 중앙정렬된 박스. | |
| 917 | }}} | |
| r237 | 918 | 또는, 강제로 넓이를 지정하기보다는 유동적인 넓이를 적용하기 위해서 다음과 같이 할 수도 있습니다. |
| r236 | 919 | {{{ |
| 920 | {{{#!wiki style="display:table;border:1px solid black;margin:0 auto;" | |
| 921 | 중앙정렬된 박스! | |
| 922 | }}} | |
| 923 | }}} | |
| r234 | 924 | |
| r236 | 925 | {{{#!wiki style="display:table;border:1px solid black;margin:0 auto;" |
| 926 | 중앙정렬된 박스! | |
| 927 | }}} | |
| 928 | ||
| 929 | 여기서 박스 넓이가 강제로 100%로 설정되는 현상을 방지하는 조치를 하는 점과 {{{margin}}}을 ''0 auto''로 지정하였다는 점이 핵심입니다. | |
| 930 | ||
| r234 | 931 | ==== 텍스트 중앙정렬 ==== |
| 932 | ''text-align'' 속성을 ''center''로 설정하시면 됩니다. | |
| 933 | {{{ | |
| 934 | {{{#!wiki style="border: 1px solid black;text-align:center" | |
| r265 | 935 | 중앙 정렬된 텍스트. |
| r234 | 936 | }}} |
| 937 | }}} | |
| 938 | {{{#!wiki style="border: 1px solid black;text-align:center" | |
| r265 | 939 | 중앙 정렬된 텍스트. |
| r234 | 940 | }}} |
| r61 | 941 | === 틀 === |
| r155 | 942 | HTML을 이용해 틀을 만들 수 있습니다. 알파위키에서 사용되는 틀의 형식은 다음과 같습니다. |
| r160 | 943 | {{{ {{{#!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 | 944 | {{{+1 제목}}} |
| r130 | 945 | 내용}}}}}} |
| r125 | 946 | |
| 947 | {{{#!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" | |
| 948 | {{{+1 제목}}} | |
| 949 | ||
| 950 | 내용}}} | |
| r251 | 951 | {{{#orange orange}}} - 주의 문구에 쓰입니다. |
| r125 | 952 | |
| 953 | {{{#!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" | |
| 954 | {{{+1 제목}}} | |
| 955 | ||
| 956 | 내용}}} | |
| r251 | 957 | {{{#green green}}} - 잘 쓰이지 않습니다. 편집시의 주의할 사항을 적습니다. |
| r125 | 958 | |
| 959 | {{{#!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" | |
| 960 | {{{+1 제목}}} | |
| 961 | ||
| 962 | 내용}}} | |
| r251 | 963 | {{{#red red}}} - 강한 경고에 쓰입니다. |
| 964 | ||
| 965 | {{{#!wiki style="border:1px solid #E0E0E0;border-left:3px solid #abcdef;box-shadow: 3px 3px 10px #B3B3B3;margin-right:10px;margin-left:10px;padding:12px" | |
| r125 | 966 | {{{+1 제목}}} |
| 967 | ||
| 968 | 내용}}} | |
| r251 | 969 | {{{#abcdef #ABCDEF}}} - 공식 문서에 쓰입니다. --아니면 쓸 색깔이 생각나지 않을때(...)도 쓸 수 있습니다.-- |
| r125 | 970 | |
| 971 | {{{#!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" | |
| 972 | {{{+1 제목}}} | |
| 973 | ||
| 974 | 내용}}} | |
| r251 | 975 | {{{#blue blue}}} - 더 강력한 경고에 쓰입니다. |
| r125 | 976 | |
| 977 | {{{#!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" | |
| 978 | {{{+1 제목}}} | |
| 979 | ||
| 980 | 내용}}} | |
| r251 | 981 | {{{#purple purple}}} - 범죄와 같은 '''{{{+1 매우}}}''' 강력한 경고에 쓰입니다. |
| r245 | 982 | ==== 응용 형식 ==== |
| r250 | 983 | ===== border 위로 ===== |
| r245 | 984 | 다음과 같은 형식으로 border을 위로 올려놓을 수 있습니다. 앏은 틀에 사용하기에 유용합니다. |
| 985 | {{{ {{{#!wiki style="border:1px solid #E0E0E0;border-top:3px solid 테두리색;box-shadow: 3px 3px 10px #B3B3B3;margin-right:10px;margin-left:10px;padding:12px" | |
| 986 | {{{+1 제목}}} | |
| 987 | 내용}}}}}} | |
| 988 | ---- | |
| 989 | {{{#!wiki style="border:1px solid #E0E0E0;border-top:3px solid orange;box-shadow: 3px 3px 10px #B3B3B3;margin-right:10px;margin-left:10px;padding:12px" | |
| 990 | {{{+1 제목}}} | |
| 991 | ||
| 992 | 내용}}} | |
| r250 | 993 | |
| 994 | ===== 나무위키 방식 ===== | |
| 995 | {{{ | |
| 996 | {{{#!wiki style="border:1px solid gray;border-top:5px solid orange;padding:12px" | |
| 997 | {{{+1 여기에 제목을 넣어 주세요.}}}[br][br]여기에 내용을 넣어 주세요.}}} | |
| 998 | }}} | |
| 999 | {{{#!wiki style="border:1px solid gray;border-top:5px solid orange;padding:12px" | |
| 1000 | {{{+1 여기에 제목을 넣어 주세요.}}}[br][br]여기에 내용을 넣어 주세요.}}} | |
| 1001 | [[https://namu.wiki/w/%EB%82%98%EB%AC%B4%EC%9C%84%ED%82%A4:%EB%AC%B8%EB%B2%95%20%EB%8F%84%EC%9B%80%EB%A7%90?from=%EB%82%98%EB%AC%B4%EB%A7%88%ED%81%AC#s-20.1|출처]] | |
| r63 | 1002 | == 분류 == |
| r180 | 1003 | {{{[[분류:분류명]]}}}으로 문서에 맞는 분류를 적용할 수 있습니다. |
| r107 | 1004 | 어떤 분류에 해당하는 문서를 찾고 싶으면, 그 분류에 해당하는 문서의 최하단의 분류명을 누르거나, |
| r126 | 1005 | {{{분류:분류명}}}을 검색하면 그 분류에 해당하는 문서가 정리되어 있습니다. |
| 1006 | ||
| r189 | 1007 | {{{[[분류:분류명#blur]]}}}로 특정 분류를 숨길 수 있습니다. 스포일러 방지에 유용한 기능이며, 마우스를 오버하면 분류가 표시됩니다. |
| r180 | 1008 | |
| r179 | 1009 | 분류 문서로 링크하실 때는, {{{[[:분류:분류명]]}}}을 입력하셔야 합니다. |
| r127 | 1010 | == 문법 강조 == |
| r199 | 1011 | 해당 하는 프로그래밍 언어의 문법을 강조해서 표기합니다. 지원하는 언어는 [[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)입니다. |
| 1012 | 사용법: | |
| 1013 | {{{{{{#!syntax 언어명 | |
| r127 | 1014 | 코드 |
| r199 | 1015 | }}}}}} |
| 1016 | 예시: | |
| r127 | 1017 | {{{#!syntax javascript |
| 1018 | const http = require('http'); | |
| r126 | 1019 | |
| r127 | 1020 | const hostname = '127.0.0.1'; |
| 1021 | const port = 3000; | |
| 1022 | ||
| 1023 | const server = http.createServer((req, res) => { | |
| 1024 | res.statusCode = 200; | |
| 1025 | res.setHeader('Content-Type', 'text/plain'); | |
| 1026 | res.end('Hello World\n'); | |
| 1027 | }); | |
| 1028 | ||
| 1029 | server.listen(port, hostname, () => { | |
| 1030 | console.log(`Server running at http://${hostname}:${port}/`); | |
| 1031 | }); | |
| 1032 | }}} | |
| r199 | 1033 | 코드는 [[https://nodejs.org/ko/about/|여기]]에서 가져왔습니다. |
| r222 | 1034 | [anchor(문법무시)] |
| 1035 | == 문법 무시 == | |
| 1036 | {{{{{{내용}}}}}}을 쓸 수 있습니다. | |
| r223 | 1037 | 또는, 문법의 적절한 부분에 역슬래시(\\)를 넣어 주시면 됩니다. |
| r222 | 1038 | |
| r223 | 1039 | || 구현방식 || 입력 || 출력 || |
| r243 | 1040 | || 보통 || {{{'''이런 것!'''}}} || '''이런 것!''' || |
| r223 | 1041 | || 역슬래시 || {{{'\'' 이런 것! '''}}} || '\''이런 것!''' || |
| r225 | 1042 | || 역슬래시 || {{{'\'' 이런 것! '\''}}} || '\'' 이런 것! ''\' || |
| r223 | 1043 | |
| 1044 | '''{{{#orange 주의사항}}}''' | |
| r225 | 1045 | *볼드체와 같은 문법에는 작은 따옴표 3개 중 첫번째와 두번째 사이에 역슬래시를 삽입하여야 제대로 나옵니다. 이는 여는 문법과 닫는 문법을 구분하지 아니합니다. |
| r244 | 1046 | * 역슬래시 (\\)를 출력하시려면 역슬래시를 두번 입력하시면 됩니다.( {{{#!html \\}}} -> \\) 혹은, {{{{{{#!html \}}}}}} ->{{{#!html \}}}를 사용하세요. 전자를 추천드립니다. |
| r225 | 1047 | |
| r223 | 1048 | ## \ 는 역슬래시를 나타내는 HTML 특수문자 코드입니다. |
| r246 | 1049 | |
| 1050 | == 세로쓰기 == | |
| 1051 | 문장 앞에 {{{|}}}를 붙이세요. | |
| 1052 | {{{ | |
| 1053 | 가로쓰기입니다. | |
| 1054 | |세로쓰기입니다. | |
| 1055 | }}} | |
| 1056 | 가로쓰기입니다. | |
| 1057 | |세로쓰기입니다. | |
| r252 | 1058 | |
| 1059 | == 사용할만한 특수문자 == | |
| r264 | 1060 | ##문법 자체에 대한 도움말은 아니나, 비슷한 범주에 있어 이곳에 넣습니다. |
| r252 | 1061 | {{{#!wiki style="float:left;margin-left:10px;background-color:#f5f5f5;width:30px;height:30px;border:1px solid #ddd;text-align:center;margin-bottom:10px;" |
| 1062 | {{{+1 【}}}}}}{{{#!wiki style="float:left;margin-left:10px;background-color:#f5f5f5;width:30px;height:30px;border:1px solid #ddd;text-align:center;margin-bottom:10px;" | |
| 1063 | {{{+1 】}}}}}}{{{#!wiki style="float:left;margin-left:10px;background-color:#f5f5f5;width:30px;height:30px;border:1px solid #ddd;text-align:center;margin-bottom:10px;" | |
| r256 | 1064 | {{{+1 ·}}}}}}{{{#!wiki style="float:left;margin-left:10px;background-color:#f5f5f5;width:30px;height:30px;border:1px solid #ddd;text-align:center;margin-bottom:10px;" |
| r264 | 1065 | {{{+1 ■}}}}}}{{{#!wiki style="float:left;margin-left:10px;background-color:#f5f5f5;width:30px;height:30px;border:1px solid #ddd;text-align:center;margin-bottom:10px;" |
| 1066 | {{{+1 ●}}}}}} | |
| r252 | 1067 | |
| r256 | 1068 | [[분류:알파위키의 도움말]] |