Skip to content

Ecogwiki 고급 문법 #
Find similar titles

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 사용자 경험

URL을 이용하여 페이지 수정하기 #

자동 이동(redirect)을 걸어둔 페이지는 페이지에 들어가자마자 다른 페이지로 자동 이동 되기 때문에 edit 버튼을 이용해서 페이지를 수정할 수 없다. 또한 css 설정을 한 페이지도 위키 페이지 형식으로 보여지지 않기 때문에 마찬가지로 edit 버튼을 이용해서 페이지를 수정할 수 없다.

이런 페이지를 수정하기 위해서는 페이지 url를 이용하면 되는데, 페이지 url의 맨 뒤에 ?view=edit 를 붙이면 해당 페이지가 edit 모드로 접속되므로 해당 페이지를 수정할 수 있게 된다.

http://페이지url?view=edit

스키마(Schema) 사용하기 #

Ecogwiki에는 http://schema.org/에서 제공하는 스키마를 사용할 수 있는데, 페이지의 스키마는 별도의 에디터 모드를 이용해 작성할 수 있다.

페이지 에디트 모드에 들어가면 Plain 모드와 Structured 모드가 볼 수 있는데, 이 중 Structured 모드에서 스키마를 작성할 수 있다.

먼저 사용할 스키마의 Item Type을 설정하면 그에 맞는 Properties를 설정할 수 있다. 이 Properties는 여러 개를 넣을 수 있다.

Properties를 선택하면 Properties의 내용을 입력할 수 있고, Add Property를 클릭하면 동일한 Property에 여러 항목을 입력할 수 있다.

수식 사용 #

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"; // 그래프가 그려질 방향. TB, BT, LR, RL 4가지가 있다.
"User" [shape="circle"]; //노드의 속성은 이렇게 넣는다.
"User" -> {"A"; "B"}; //노드가 어떤 노드와 연결되는지는 이렇게 기술한다. 
"A" -> {"M"} [dir="both"]; //링크의 속성은 이렇게 기술한다.
"B" -> {"M"; "F"; "U"} [arrowhead="none"];
"F" -> {"User"} [dir="both", label="100 times"]; //노드가 여럿일 때는 ';' 로 구분하고, 속성이 여럿일 때는 ',' 로 구분한다.

예시:

#!dot/s
rankdir = "TB";
"User" [shape="circle"];
"User" -> {"A"; "B"};
"A" -> {"M"} [dir="both"];
"B" -> {"M"; "F"; "U"} [arrowhead="none"];
"F" -> {"User"} [dir="both", label="100 times"];

자주 쓰이는 몇 가지 그래프 속성 표기 #

아래의 표기를 [ ] 안에 넣으면 속성이 적용된다.

  • 화살표 없애기
    • arrowhead="none"
  • 양쪽 화살표
    • dir="both"
  • 화살표 위에 설명 넣기
    • label="설명"

Graphviz의 기본 설명에 대해서는 다음 문서 참조: http://www.graphviz.org/pdf/dotguide.pdf

Graphviz의 속성에 대한 내용은 다음 문서 참조: http://www.graphviz.org/doc/info/attrs.html

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

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

Incoming Links #

Related Articles #

Suggested Pages #

0.0.1_20140628_0