Ecogwiki 고급 문법 #
Find similar titles

You are seeing an old version of the page. Go to latest version

HTML 코드 삽입
글 공개하기
글 공개 수준 설정
페이지 자동 이동
스키마(Schema) 사용하기
수식 사용
그래프 그리기
이 문서에 찾는 내용이 없으시다면

HTML 코드 삽입 #

아래와 같이 <html> 와 </html> 사이, 또는 <p> 와 </p> 사이에 html 코드를 넣을 수 있다.

<html>
    <div style="background-color:#46A; padding:10px; color:white;">이것은 HTML 코드입니다.</div>
</html>

<p style="background-color:#da4f49; padding:10px; color:white;">이렇게 써도 됩니다.</p>

이것은 HTML 코드입니다.

이렇게 써도 됩니다.

글 공개하기 #

페이지 상단에 .pub 을 쓰면 공개된 글이 된다. 공개된 글은 rss 로도 발행된다.

글 공개 수준 설정 #

페이지 상단에 .read 나 .write 를 쓰면 읽기, 쓰기 권한을 조정할 수 있다. 아무 것도 쓰지 않으면 .config 페이지의 기본 설정을 따른다.

.read all //모든 사용자 읽기 가능. 
.read login //로그인한 사용자 읽기 가능.
.read suyeongpark@abyne.com, janghwan@gmail.com //지정된 사용자만 읽기 가능

.write all //모든 사용자 쓰기 가능. 
.write login //로그인한 사용자 쓰기 가능.
.write suyeongpark@abyne.com, janghwan@gmail.com //지정된 사용자만 쓰기 가능

페이지 자동 이동 #

페이지를 어떤 특정한 다른 페이지로 자동 이동 시키고 싶은 경우, 페이지 상단에 .redirect 뒤에 페이지 이름을 넣으면 된다.

일반적으로 페이지 자동 이동은 서로 다른 두 단어가 같은 개념을 지칭할 때 사용한다. 예컨대 'UX' 라는 페이지를 만들어서 '사용자 경험'이라는 페이지에 자동 이동을 시키는 것이 이 예에 해당한다.

.redirect 사용자 경험

스키마(Schema) 사용하기 #

페이지 상단에 .schema + Type 를 사용하면 http://schema.org/에서 제공하는 스키마를 사용할 수 있다.

스키마에 들어가는 속성과 값은 아래 예시 같이 쓰면 된다. 주의! 아래 예시는 페이지 규약상 : 가 1개만 표기되었는데 실제로는 :: 를 넣어야 한다.

.schema Person

{{birthDate:1982-04-16}}
{{email:suyeongpark@abyne.com}}

수식 사용 #

Ecogwiki에서는 LaTeX 문법을 이용해서 수식을 표현할 수 있다. $$ $$ (여러 줄) 또는  (한 줄) 안에 수식을 넣으면 수식 입력을 할 수 있다.

$$
{ 8 \over 3 } = \frac{2^3}{3}
$$

\( 2^2 = 4 \)

\( log_{2}8 = 3 \)

\( \sqrt[n]{1+x+x^2+x^3+\ldots} \)

예시:

$$ { 8 \over 3 } = \frac{2^3}{3} $$

$ 2^2 = 4 $

$ log_{2}8 = 3 $

$ \sqrt[n]{1+x+x^2+x^3+\ldots} $

자주 쓰이는 몇 가지 수식 표기. 아래의 표기를  안에 넣으면 수식이 표현된다.
- 분수 : { m \over n } 또는 \frac{m}{n}
- 지수 : n^m
- 밑 : n_{m}
- 루트 : \sqrt[n]{m}
더 자세한 문법 예시는 다음 위키 참조: http://en.wikibooks.org/wiki/LaTeX/Mathematics

그래프 그리기 #

Ecogwiki에서는 Graphviz 문법을 이용해서 그래프를 그릴 수 있다. Ecogwiki에서 그래프를 그리려면 #!dot/s 으로 시작하면 된다. 단 위키 문법상 #은 제목을 뜻하기 때문에 #!dot/s을 쓸 때는 앞에 공백을 4칸 띄고 써야 안전하다.

#!dot/s 아래에는 실제로 그릴 그래프의 내용을 기술하며 ;으로 마무리한다.

아래 예시는 문법을 보여주기 위해 #!dot/s 앞 뒤로 ` ` 를 썼는데, 실제로 사용할 때는 빼고 써야 한다.

`#!dot/s`
rankdir=TB // 그래프가 그려질 방향
"User" -> {"A"; "B"}; // "노드 이름" -> "노드가 링크될 다른 노드 이름"
"A" -> {"M"; "U"};
"B" -> {"M"; "F"; "U"}; // 링크될 노드가 여러개면 ';'으로 구분한다.
"F" -> {"User"};

#!dot/s
rankdir=TB
"User" -> {"A"; "B"}; 
"A" -> {"M"; "U"};
"B" -> {"M"; "F"; "U"};
"F" -> {"User"};

그래프의 방향을 설정하고 싶다면 아래의 속성을 넣으면 된다.
- rankdir=TB;
- rankdir=BT;
- rankdir=LR;
- rankdir=RL;
Graphviz의 기본 설명에 대해서는 다음 문서 참조: http://www.graphviz.org/pdf/dotguide.pdf
Graphviz의 속성에 대한 내용은 다음 문서 참조: http://www.graphviz.org/doc/info/attrs.html

이 문서에 찾는 내용이 없으시다면 #

아래 페이지를 참고해 주세요

Table of Contents