| r42 vs r43 | ||
|---|---|---|
| ... | ... | |
| 3 | 3 | ||<table align=right><nopad><table bordercolor=#abcdef> [youtube(9bZkp7q19f0, width=320px, height=240px)]|| |
| 4 | 4 | || ---{{{#00A495 '''\{\{\{#!wiki style=""[br]\}\}\}'''}}}--- || |
| 5 | 5 | [clearfix] |
| 6 | wiki 구문 테스트. | |
| 6 | wiki 구문을 비롯한 style 부여 테스트. | |
| 7 | 7 | 나무위키 문법 도움말을 참고할 수 있다. |
| 8 | 8 | |
| 9 | 9 | 몇몇 테스트는 RAW(원문) 참조. |
| ... | ... | |
| 13 | 13 | >{{{#!wiki style="display:inline; font-family:monospace;" |
| 14 | 14 | \[* > {{{#dodgerblue (인용할 내용)}}}\]}}} 식으로 입력하면 각주 안에 인용문을 넣기 불가능지만 이렇게 wiki 구문을 이용하면 각주 안에도 인용문을 ---집어---넣을 수도 있다.}}}] |
| 15 | 15 | 에 ---집어---넣어줄 수 있다. |
| 16 | == 빈 공간 == | |
| 16 | == wiki == | |
| 17 | === 빈 공간 === | |
| 17 | 18 | 그냥 \{{{#!wiki 만 넣어도 동작된다. 별도 설정한 양식이 없는 구문인데, 기본값(default)에 따른 출력으로 나오는 모양이다. |
| 18 | 19 | |
| 19 | 20 | {{{#!wiki |
| 20 | 21 | 무난하게 출력된다.}}} |
| 21 | == style == | |
| 22 | === style === | |
| 22 | 23 | {{{style=""}}} 그리고 콜론({{{:}}})[* 구분자. 양식(속성)이름:설정값 으로 동작되는 모양], 스페이스바[* 설정해야 하는 변수를 구분], 세미콜론({{{;}}})[* 설정할 양식을 각각으로 구분하는 표시(명령 구분자)] 등 기호를 잘 입력해야 한다. |
| 23 | 24 | ##display:none을 두고 의도적으로 다르게 적은 문장. |
| 24 | 25 | {{{#!wiki style="" |
| ... | ... | |
| 36 | 37 | |
| 37 | 38 | wiki의 style안에는 CSS를 집어넣는다. 종류에 따라 먼저 기입한 순서대로 처리되는데, 같은 요소를 입력할 때 display 처럼 설정값에 따라 결과가 번복될 수 있는 요소가 있는가 하면 radial-gradient 처럼 나오는 결과를 중첩시키는 요소가 있다. |
| 38 | 39 | |
| 39 | == if 문법과 연동 == | |
| 40 | === if 문법과 연동 === | |
| 40 | 41 | if값에 따라 나오는 변수가 출력되는데, wiki 안에 들어갈 내용까지 반영되므로 입력할 수 있는 글자를 --AutoCAD-- 단축키 입력하듯이[* 예를 들어 "L"만 입력해도 바로 '''L'''ine(선 긋기) 명령을 내릴 수 있다.] 줄여 입력할 수 있다. 다만, @ 기호는 열고 닫기가 없기 때문에 @를 잘 열고 잘 닫아줘야 한다. |
| 41 | 42 | |
| 42 | 43 | 이를테면 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\@"로 줄여 입력시킬 수 있다. |
| ... | ... | |
| 61 | 62 | * tor="'''to''' '''r'''ight" |
| 62 | 63 | * tol="'''to''' '''l'''eft" |
| 63 | 64 | |
| 64 | == 도트 == | |
| 65 | === 도트 === | |
| 65 | 66 | 일단 이렇게 줄여 쓸 수 있으니 글자수를 획기적으로 적게 입력하면서 그려볼 수는 있겠다. |
| 66 | 67 | {{{#!if sty='style="', paint=sty+"display:inline-block;width:1em;height:1em;background:", mg=sty+'margin-top:-0.5em;"', w=paint+'transparent;"', wh=paint+'white;"',b=paint+'#5f4d3e;"', g=paint+'#00a495;"', p1=paint+'#dda0dd;"', p2=paint+'#e3d4f0;"', c=paint+'#00d1b2;"', b1=paint+'skyblue;"', b2=paint+'deepskyblue;"', we=paint+'wheat;"' |
| 67 | 68 | }}}{{{#!wiki style="max-width: 16em; overflow: hidden;" |
| ... | ... | |
| 519 | 520 | ''''''[Include(틀:도트, 값=@b@|@w@|@b@|@w@|@b@|@w@|@b@|@w@|@b@|@w@|@b@|@w@|@b@|@w@|@b@|@w@|@b@|@w@|@b@|@w@|@b@|@w@|@b@|@w@|@b@|@w@|@b@|@w@|@b@|@w@|@b@|@w@|@b@|@w@|@b@|@w@|@b@|@w@|@b@|@w@|@b@)]}}} |
| 520 | 521 | 이렇게 하기에는 작업이 오래 걸려서 --귀찮--어려우므로, 응용만 해볼 수 있다면 [[틀:도트]]같은 틀을 만들어놓고 직접 그려볼 수 있다. |
| 521 | 522 | |
| 523 | == style == | |
| 524 | Backend: 4200ff9; Frontend: bda2cf7; 업데이트가 있을 때 추가된 문법으로 추정된다. 앞의 위키(wiki)와는 다르게 여러 가지를 설정한 구성 한 덩어리를 하나의 이름으로 저장할 수 있는 문법이다. [[https://namu.wiki/thread/ExuberantUptightJoblessBeggar#31|시범을 보이는 댓글]]에서 보다시피 스레드에도 지원이 마찬가지로 wiki 계열과 연동된다. 특이하게 구성을 잘 살펴보면 html(hypertext markup language)에서 '''t'''able '''r'''ow, '''t'''able '''d'''ata를 줄여 tr, td로 부르는 부분을 볼 수 있다. | |
| 525 | ||
| 522 | 526 | {{{#!wiki sytle="display:none" |
| 523 | 527 | [각주]}}} |