나린위키 문법 공부

나린위키는 간단한 마크업 언어를 사용해 작성할 수 있습니다. 위키 문법에 따라 작성함으로써 읽기 쉽고 체계적인 문서화 작업이 가능합니다.

기본 문법

나린위키는 굵은 폰트, 기울어진 글자, 밑줄그어진 글자 , 가운데 줄간 글자 를 지원합니다. __혼합__해서도 사용 가능합니다. 기울어진 글자는 // 사이에 공백이 있어야 합니다. 붙여 쓰시면 //안기울어진// 글자가 됩니다.

나린위키는 **굵은 폰트**, // 기울어진 글자 //, __ 밑줄그어진 글자 __ , <del>가운데 줄간 글자</del> 를 지원합니다. **// __혼합__ //**해서도 사용 가능합니다.

위첨자아래첨자 도 표현할 수 있습니다.

<sup>위첨자</sup>와 <sub>아래첨자</sub> 도 표현할 수 있습니다.

공백라인을 기준으로 문단 이 생성됩니다. 문단안에서 줄바꿈을 이용하고 싶을 경우 역슬래쉬(\) 두개를 겹쳐쓰면 됩니다.

이 문장은 문단을 나누지 않고 줄바꿈을 합니다.
역슬래쉬 두개와 공백
또는 줄바꿈을 했을 경우
줄바꿈합니다. \\이렇게 하면 줄바꿈되지 않습니다.

이 문장은 문단을 나누지 않고 줄바꿈을 합니다. \\ 역슬래쉬 두개와 공백 \\ 또는 줄바꿈을 했을 경우  \\
줄바꿈합니다. \\이렇게 하면 줄바꿈되지 않습니다.

문서 링크

나린위키의 링크는 위키문서 링크와 외부문서 링크로 구분됩니다. 위키문서 링크는 위키 내의 다른 문서에 대한 링크이고, 외부문서 링크는 위키가 아닌 일반 링크입니다.

위키문서 링크

위키문서링크는 [[문서명]]과 같이 대괄호([, ])를 겹쳐쓰는 형식입니다. 문서명과 같이 단순히 문서명만 입력할 수 도 있으며, 보여질문서명 와 같이 사용하여 링크는 '문서명'에 그리고 화면에 보여지는 글자는 '보여질문서명' 으로 링크할 수 있습니다.

위키문서링크는 [[/test folder/문서명]]과 같이 대괄호([, ])를 겹쳐쓰는 형식입니다. 
[[/폴더/문서명]]과 같이 단순히 문서명만 입력할 수 도 있으며, 
[[/폴더/문서명|보여질문서명]] 와 같이 사용하여 링크는 '문서명'에 그리고 화면에 보여지는 글자는 '보여질문서명' 으로 링크할 수 있습니다. 

같은 문서의 다른 섹션으로 링크를 할 수 도 있습니다. [[#외부문서 링크]] 라고 하면 아래의 외부문서 링크로 스크롤이 됩니다. # 다음에 들어가는 '외부문서 링크' 는 섹션의 제목을 사용하면 됩니다.

참고

  • 존재 하는 문서존재하지 않는 문서 는 다른 형태로 보여집니다. (스킨에 설정에 따름)
  • 폴더명없이 문서명만 입력할 경우 저장될 때 현재 폴더명이 자동으로 추가되어 저장됩니다.
  • 문서명에는 \, |, / 문자를 사용할 수 없습니다.
  • 폴더명에는 \, | 문자를 사용할 수 없습니다.

외부문서 링크

외부 문서 링크는 http://byfun.com 과 같이 URL을 그냥 써도 되며 바이펀닷컴 과 같이 링크 텍스트를 설정할 수도 있습니다.

외부 문서 링크는 http://byfun.com 과 같이 URL을 그냥 써도 되며 [http://byfun.com 바이펀닷컴] 과 같이 링크 텍스트를 설정할 수도 있습니다.

이미지 링크

텍스트 대신 이미지를 사용한 위키문서 또는 외부문서 링크를 만들 수 있습니다. 이미지를 사용하는 방법은 아래에 설명된 '이미지와 파일' 부분을 참고해주세요.

위 이미지 링크는 다음과 같이 작성되었습니다.

[http://byfun.com {{media=/images/examples/note.png}}]
[[/narin/나린위키 문법|{{media=/images/examples/note.png}}]]

주석

(( )) 을 이용해서 주석1)을 사용할 수 있습니다.

(( )) 을 이용해서 주석((이게 주석임. 영어로 footnote))을 사용할 수 있습니다.

섹션

여러 단계의 섹션으로 문서를 체계적으로 작성할 수 있습니다.

제목 레벨 3

제목 레벨 4

제목 레벨 5

=== 제목 레벨 3 ===
==== 제목 레벨 4 ====
===== 제목 레벨 5 =====

---- 를 사용해서 가로선을 그 을 수 있습니다.


이미지와 파일

{{media=파일경로}}와 같은 방법으로 미디어관리자의 이미지와 파일을 링크할 수 있습니다. 아래에서 설명하는 이미지의 크기/정렬 등의 옵션은 직접 작성해도 되고, 미디어관리자에서 에디터에 이미지 삽입 시 선택할 수 있습니다.

실제 크기의 이미지 :

실제 크기의 이미지 : {{media=/images/examples/bag.jpg}}

사이즈를 30x30 으로 한 썸네일 이미지 :

사이즈를 30x30 으로 한 썸네일 이미지 : {{media=/images/examples/bag.jpg?width=30&height=30}}

이미지에 CSS 처리 :

이미지에 CSS 처리 : {{media=/images/examples/bag.jpg?imgstyle=border:1px solid silver;padding:2px}}

이미지를 감싸는 태그에 CSS 처리 :

이미지를 감싸는 태그에 CSS 처리 : {{media=/images/examples/bag.jpg?style=margin-left:200px}}

외부 이미지 링크 :

외부 이미지 링크 : {{media=https://ssl.gstatic.com/s2/oz/images/google-logo-plus-0fbe8f0119f4a902429a5991af5db563.png}}

이미지 정렬 :

이미지 정렬 : \\
{{media=/images/examples/note.png?align=right}} {{media=/images/examples/note.png?align=left}} {{media=/images/examples/note.png?align=center}}

첨부파일 다운로드 : 가방 이미지 다운로드

첨부파일 다운로드 : {{media=/images/examples/bags.zip|가방 이미지 다운로드}}

목록

나린위키를 이용해 차례가 있는 목록과 없는 목록을 만들 수 있습니다. 목록을 만들 기 위해서 공백 두칸과 * (차례 없는 목록) 또는 - (차례있는 목록)을 사용하면 됩니다.

  • 목록입니다.
  • 두번째 목록
    • 네개의 공백뒤에 *를 사용해서 하위 수준 목록을 만들 수 있습니다.
  • 세번째 목록
  1. 차례 있는 목록입니다.
  2. 두번째 목록
    1. 네개의 공백뒤에 -를 사용해서 하위 수준 목록을 만들 수 있습니다.
  3. 세번째 목록

  * 목록입니다.
  * 두번째 목록
    * 네개의 공백뒤에 *를 사용해서 하위 수준 목록을 만들 수 있습니다.
  * 세번째 목록
  - 차례 있는 목록입니다.
  - 두번째 목록
    - 네개의 공백뒤에 -를 사용해서 하위 수준 목록을 만들 수 있습니다.
  - 세번째 목록

인용문

글을 작성할 때 댓글이나 답변글 형식으로 보여주고 싶을 때 다음과 같은 문법을 사용할 수 있습니다.

나린위키를 사용하는 것이 어떨까?

> 쓸 만한가?

>> 하하 물으나 마나

> 리얼리?

>> !!

>>> ㅇㅋ 결정
나린위키를 사용하는 것이 어떨까?

쓸 만한가?

하하 물으나 마나

리얼리?

!!

ㅇㅋ 결정

표 만들기

나린위키는 간단한 문법으로 표를 만들 수 있습니다.

시간표를 만들어 보겠습니다. 표는 ^ 나 | 로 감싸주면 그곳이 하나의 셀(칸)이 됩니다. ^로 시작하는 칸은 제목칸이 되고 | 로 시작하는 칸은 보통 칸이 됩니다.

1교시 주일은쉽니다 국어 영어 수학 과학 미술 HR
2교시 주일은쉽니다 영어 수학 과학 미술 국어 간식
3교시 주일은쉽니다 수학 과학 과학 국어 여어 퇴근
4교시 주일은쉽니다 과학 미술 미술 영어 수학 퇴근
5교시 주일은쉽니다 미술 국어 영어 수학 과학 퇴근

위 시간표는 다음과 같이 작성되었습니다.

^  ^ 일 ^  월 ^ 화 ^ 수 ^ 목 ^ 금 ^ 토 ^
^ 1교시 | 주일은쉽니다 | 국어 | 영어 | 수학 | 과학 | 미술 | HR |
^ 2교시 | 주일은쉽니다 | 영어 | 수학 | 과학 | 미술 | 국어 | 간식 |
^ 3교시 | 주일은쉽니다 | 수학 | 과학 | 과학 | 국어 | 여어 | 퇴근 |
^ 4교시 | 주일은쉽니다 | 과학 | 미술 | 미술 | 영어 | 수학 | 퇴근 |
^ 5교시 | 주일은쉽니다 | 미술 | 국어 | 영어 | 수학 | 과학 | 퇴근 |

다음처럼 첫줄 첫칸을 제목칸이 아닌 일반 칸으로 만들어 보겠습니다.

  • '일' 칸의 시작을 ^이 아닌 | 로 바꿉니다.
1교시 주일은쉽니다 국어 영어 수학 과학 미술 HR
2교시 주일은쉽니다 영어 수학 과학 미술 국어 간식
3교시 주일은쉽니다 수학 과학 과학 국어 여어 퇴근
4교시 주일은쉽니다 과학 미술 미술 영어 수학 퇴근
5교시 주일은쉽니다 미술 국어 영어 수학 과학 퇴근

|  ^ 일 ^  월 ^ 화 ^ 수 ^ 목 ^ 금 ^ 토 ^
^ 1교시 | 주일은쉽니다 | 국어 | 영어 | 수학 | 과학 | 미술 | HR |
^ 2교시 | 주일은쉽니다 | 영어 | 수학 | 과학 | 미술 | 국어 | 간식 |
^ 3교시 | 주일은쉽니다 | 수학 | 과학 | 과학 | 국어 | 여어 | 퇴근 |
^ 4교시 | 주일은쉽니다 | 과학 | 미술 | 미술 | 영어 | 수학 | 퇴근 |
^ 5교시 | 주일은쉽니다 | 미술 | 국어 | 영어 | 수학 | 과학 | 퇴근 |

"주일은 쉽니다" 를 모두 합치고, 수요일 2,3교시와 퇴근도 합쳐보겠습니다.

  • 내용에 콜론(:) 을 세개(:::) 쓰면 윗 칸과 합쳐집니다.

1교시 주일은쉽니다 국어 영어 수학 과학 미술 HR
2교시 영어 수학 과학 미술 국어 간식
3교시 수학 과학 국어 여어 퇴근
4교시 과학 미술 미술 영어 수학
5교시 미술 국어 영어 수학 과학

|  ^ 일 ^  월 ^ 화 ^ 수 ^ 목 ^ 금 ^ 토 ^
^ 1교시 | 주일은쉽니다 | 국어 | 영어 | 수학 | 과학 | 미술 | HR |
^ 2교시 | ::: | 영어 | 수학 | 과학 | 미술 | 국어 | 간식 |
^ 3교시 | ::: | 수학 | 과학 | ::: | 국어 | 여어 | 퇴근 |
^ 4교시 | ::: | 과학 | 미술 | 미술 | 영어 | 수학 | ::: |
^ 5교시 | ::: | 미술 | 국어 | 영어 | 수학 | 과학 | ::: |

화, 수요일 4교시 미술 칸을 합쳐보겠습니다.

  • 내용에 아무것도 없으면 왼쪽 칸과 병합됩니다. (공백도 없어야 함)
1교시 주일은쉽니다 국어 영어 수학 과학 미술 HR
2교시 영어 수학 과학 미술 국어 간식
3교시 수학 과학 국어 여어 퇴근
4교시 과학 미술 영어 수학
5교시 미술 국어 영어 수학 과학

|  ^ 일 ^  월 ^ 화 ^ 수 ^ 목 ^ 금 ^ 토 ^
^ 1교시 | 주일은쉽니다 | 국어 | 영어 | 수학 | 과학 | 미술 | HR |
^ 2교시 | ::: | 영어 | 수학 | 과학 | 미술 | 국어 | 간식 |
^ 3교시 | ::: | 수학 | 과학 | ::: | 국어 | 여어 | 퇴근 |
^ 4교시 | ::: | 과학 | 미술 || 영어 | 수학 | 퇴근 |
^ 5교시 | ::: | 미술 | 국어 | 영어 | 수학 | 과학 | 퇴근 |

일요일의 '일' 을 왼쪽 정렬 시켜 보겠습니다.

  • 내용을 칸의 어느쪽 구분자(^나 |)에 붙여 쓰느냐에 따라 정렬이 정해집니다. 왼쪽 구분자에 붙여쓰면 왼쪽으로, 오른쪽 구분자에 붙여 쓰면 오른쪽으로 정렬됩니다.
1교시 주일은쉽니다 국어 영어 수학 과학 미술 HR
2교시 영어 수학 과학 미술 국어 간식
3교시 수학 과학 국어 여어 퇴근
4교시 과학 미술 영어 수학
5교시 미술 국어 영어 수학 과학

|  ^일 ^  월 ^ 화 ^ 수 ^ 목 ^ 금 ^ 토 ^
^ 1교시 | 주일은쉽니다 | 국어 | 영어 | 수학 | 과학 | 미술 | HR |
^ 2교시 | ::: | 영어 | 수학 | 과학 | 미술 | 국어 | 간식 |
^ 3교시 | ::: | 수학 | 과학 | ::: | 국어 | 여어 | 퇴근 |
^ 4교시 | ::: | 과학 | 미술 || 영어 | 수학 | 퇴근 |
^ 5교시 | ::: | 미술 | 국어 | 영어 | 수학 | 과학 | 퇴근 |

일요일의 '일' 을 오른쪽 정렬 시켜 보겠습니다.

1교시 주일은쉽니다 국어 영어 수학 과학 미술 HR
2교시 영어 수학 과학 미술 국어 간식
3교시 수학 과학 국어 여어 퇴근
4교시 과학 미술 영어 수학
5교시 미술 국어 영어 수학 과학

|  ^ 일^  월 ^ 화 ^ 수 ^ 목 ^ 금 ^ 토 ^
^ 1교시 | 주일은쉽니다 | 국어 | 영어 | 수학 | 과학 | 미술 | HR |
^ 2교시 | ::: | 영어 | 수학 | 과학 | 미술 | 국어 | 간식 |
^ 3교시 | ::: | 수학 | 과학 | ::: | 국어 | 여어 | 퇴근 |
^ 4교시 | ::: | 과학 | 미술 || 영어 | 수학 | 퇴근 |
^ 5교시 | ::: | 미술 | 국어 | 영어 | 수학 | 과학 | 퇴근 |

코드 / 박스

줄의 처음에 두칸 이상의 공백을 만들고 글을 쓰면 박스안의 글을 작성하실 수 있습니다.

<-- 앞쪽에 두칸의 공백이 있습니다.

위의 예제는 다음과 같이 작성되었습니다.

  <-- 앞쪽에 두칸의 공백이 있습니다.

또는 <code></code> 안에 글을 작성하면 같은 효과를 낼 수 있습니다. 이 방법으로 하면 공백이 유지됩니다.

박스안의 문장...                  <-- 쓴대로 공백이 유지됩니다.

위의 예제는 다음과 같이 작성되었습니다.

   <code>
      박스안의 문장...                  <-- 쓴대로 공백이 유지됩니다.
   </code>

문법 강조

나린위키는 프로그램 소스코드 문법 강조 기능을 지원합니다. GeSHi Generic Syntax Highlighter 를 이용하기 때문에 GeSHi가 지원하는 모든 언어를 지원합니다. 이전 섹션에서 보였던 <code></code> 태그를 사용하며 code 다음에 프로그래밍 언어명을 써줍니다. e.g. <code java>

/**
 * 안녕 세상아 프로그램
 */
class HellowWorldClass {
    public static void main(String[] args) {
        System.out.println("Hello World!"); // 안녕 세상아!
    }
}

위의 예제는 다음과 같이 작성되었습니다.

<code java>
/**
 * 안녕 세상아 프로그램
 */
class HellowWorldClass {
    public static void main(String[] args) {
        System.out.println("Hello World!"); // 안녕 세상아!
    }
}
</code>

다음과 같은 언어들을 지원합니다 : 4cs, abap, actionscript-french, actionscript, actionscript3, ada, apache, applescript, asm, asp, autoconf, autohotkey, autoit, avisynth, awk, bash, basic4gl, bf, bibtex, blitzbasic, bnf, boo, c, c_mac, caddcl, cadlisp, cfdg, cfm, chaiscript, cil, clojure, cmake, cobol, cpp, cpp-qt, csharp, css, cuesheet, d, dcs, delphi, diff, div, dos, dot, ecmascript, eiffel, email, erlang, fo, fortran, freebasic, fsharp, gambas, genero, genie, gdb, glsl, gml, gnuplot, groovy, gettext, gwbasic, haskell, hicest, hq9plus, html, icon, idl, ini, inno, intercal, io, j, java5, java, javascript, jquery, kixtart, klonec, klonecpp, latex, lisp, locobasic, logtalk, lolcode, lotusformulas, lotusscript, lscript, lsl2, lua, m68k, magiksf, make, mapbasic, matlab, mirc, modula2, modula3, mmix, mpasm, mxml, mysql, newlisp, nsis, oberon2, objc, ocaml-brief, ocaml, oobas, oracle8, oracle11, oxygene, oz, pascal, pcre, perl, perl6, per, pf, php-brief, php, pike, pic16, pixelbender, plsql, postgresql, povray, powerbuilder, powershell, progress, prolog, properties, providex, purebasic, python, q, qbasic, rails, rebol, reg, robots, rpmspec, rsplus, ruby, sas, scala, scheme, scilab, sdlbasic, smalltalk, smarty, sql, systemverilog, tcl, teraterm, text, thinbasic, tsql, typoscript, unicon, vala, vbnet, vb, verilog, vhdl, vim, visualfoxpro, visualprolog, whitespace, winbatch, whois, xbasic, xml, xorg_conf, xpp, z80

HTML 직접 작성

<html></html> 를 이용하여 html 을 직접 작성할 수 있습니다.

html 을 작성해 보겠습니다. 이렇게

박스안에 들어가는 html 을 작성해 보겠습니다. 이렇게

위의 예제는 아래와 같이 작성되었습니다.

<html>
html 을 작성해 보겠습니다. <span style="color:red;font-size:150%;">이렇게</span>
</html>
<HTML>
박스안에 들어가는 html 을 작성해 보겠습니다. <span style="color:red;font-size:150%;">이렇게</span> 
</HTML>

위키 문법 사용 안하기

위키 문법을 사용 안하고 그대로 출력하려면 <nowiki> 태그를 사용합니다.

이 ** 문장 **은 위키 문법으로 // 작성 // 되었지만, 작성된 그대로 출력됩니다.

<nowiki>
이 ** 문장 **은 위키 문법으로 // 작성 // 되었지만, 작성된 그대로 출력됩니다.
</nowiki>

기타 문법

메타 태그

메타 태그는 문서의 기능을 설정/제한 하는 태그입니다. 현재 나린위키에서 제공하는 메타태그는 아래와 같고, 에디터 툴바 가장 우측의 아이콘에 드랍다운 메뉴로 사용할 수 있습니다.

  • 목차 설정 : 페이지에 ~~NOTOC~~ 를 사용하면 이 페이지의 우측상단에 있는 것 과 같은 목차가 표시되지 않습니다.
  • 캐시 설정 : 페이지에 ~~NOCACHE~~ 를 사용하면 HTML 로 변환된 내용을 캐시(cache) 하지 않고 매번 문법 분석을 합니다. 캐시를 사용 안할 경우 이 페이지와 같이 내용이 긴 문서는 페이지가 뜨는데 약간의 딜레이가 있을 수 있습니다. 이 기능은 추후 개발될(?) 플러그인 중에 캐시를 하면 안되는 경우 사용할 수 있습니다.
  • 댓글 보기 설정 : 나린위키는 기본으로 댓글 목록과 입력창을 보여주지 않습니다. 문서 내에 ~~COMMENT~~ 가 있어야 댓글을 보여줍니다.

폴더 보기

새 문서 만들기 폼

새 문서 만들기 폼을 문서 내에 넣어 사용할 수 있습니다.

{{NEWPAGE}}

검색 폼

검색 폼을 문서 내에 넣어 사용할 수 있습니다.

{{SEARCH}}

1) 이게 주석임. 영어로 footnote
업데이트 : 2012-09-21 11:43 / 작성자 : byfun / 조회 : 2,504
공헌자 : byfun
2011-2012 © Chongmyung Park and Narinwiki Community