실험용2 편집하기 (부분)

=== 글의 구조 ===
==== 문단 ====
'''문단'''은 글을 이해하기 쉽도록 주제별로 내용을 나눠놓은 것입니다.

문단은 <code><nowiki>== 문단 제목 ==</nowiki></code>을 입력하여 만들 수 있습니다. 하위 문단은 <code><nowiki>=</nowiki></code>를 양쪽에 하나씩 더 붙입니다.

{| class="wikitable"
! 입력
! 결과
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">
== 첫 번째 문단 ==
'''첫 번째 문단'''입니다.

=== 하위 문단 ===
하위 문단입니다. ''''=''''을 3개 썼습니다.

==== 더 하위 문단 ====
하위 문단의 하위 문단입니다. ''''=''''을 4개 썼습니다.

== 두 번째 문단 ==
'''두 번째 문단'''입니다.
</pre>
| <div style="background: none; font-size: 1.9em; margin: 0.25em 0; padding: 0; padding-bottom: 0.5em; border-bottom: 1px dashed #ddd;"><span style="color: {{skin|1}}">1</span> 첫 번째 문단</div>
'''첫 번째 문단'''입니다.
<div style="background: none; font-size: 1.7em; margin: 0.25em 0; padding: 0; padding-bottom: 0.5em; border-bottom: 1px dashed #ddd;"><span style="color: {{skin|1}}">1.1</span> 하위 문단</div>
하위 문단입니다. ''''=''''을 3개 썼습니다.
<div style="background: none; font-size: 1.5em; margin: 0.25em 0; padding: 0; padding-bottom: 0.5em; border-bottom: 1px dashed #ddd;"><span style="color: {{skin|1}}">1.1.1</span> 더 하위 문단</div>
하위 문단의 하위 문단입니다. ''''=''''을 4개 썼습니다.
<div style="background: none; font-size: 1.9em; margin: 0.25em 0; padding: 0; padding-bottom: 0.5em; border-bottom: 1px dashed #ddd;"><span style="color: {{skin|1}}">2</span> 두 번째 문단</div>
'''두 번째 문단'''입니다.
|-
|}

==== 목차 ====
'''목차'''는 문서에 있는 문단의 목록으로, 문단을 클릭하면 해당 문단으로 이동합니다. 문서에 문단이 4개 이상 있으면, 자동적으로 첫 번째 문단 위에 목차가 생깁니다.

목차와 관련한 문법을 아래에 정리해두었는데, 특수한 경우가 아니면 사용하지 않는 것을 추천합니다.

{| class="wikitable"
! 입력
! 설명
|-
| style="text-align: center;" | <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">
__목차숨김__</pre> 또는 <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">__NOTOC__
</pre>
| 목차가 나타나지 않도록 합니다. 만약 사용한다면, 문서 맨 첫 번째 줄에 입력하세요.
|-
| style="text-align: center;" | <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">
__목차보임__</pre> 또는 <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">__FORCETOC__
</pre>
| 문단의 개수와 무관하게 반드시 목차가 나타납니다.  
|-
| style="text-align: center;" | <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">
__목차__</pre> 또는 <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">__TOC__
</pre>
| 코드가 입력된 곳에 목차가 나타나도록 합니다. 문단이 4개 이하여도 목차가 나타납니다.
|-
|}

==== 구분선 ====
'''구분선'''은 위아래의 글을 분리할 때 사용하는 것으로, <code><nowiki>----</nowiki></code>을 사용합니다. 하지만 일반 문서에서 사용하는 것은 추천하지 않습니다.

{| class="wikitable"
! 입력
! 결과
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">
윗 글.
----
아랫글. 바로 위의 선이 구분선입니다.
</pre>틀에 넣을 때 문법이 무시되는 문제가 있다면 <code><nowiki><hr/></nowiki></code>을 넣어도 됩니다.
| 윗 글.
----
아랫글. 바로 위의 선이 구분선입니다.
|-
|}

==== 개행 ====
'''개행''', 즉 줄을 바꾸며 문단을 나누기 위해서는 엔터 키({{키눌림|Enter}})를 두 번 누릅니다. 

{| class="wikitable"
|-
! 방법
! 입력
! 결과
|-
| 엔터 두 번
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">엔터를 2번 쳐 보면

문장이 띄어졌네!
</pre>
| style="vertical-align: middle;" | <p>엔터를 2번 쳐 보면</p><p>문장이 띄어졌네!</p>
|}


<code><nowiki><br/></nowiki></code>을 쓰면 '''문단 내에서 강제 개행'''이 됩니다. 엔터를 두 번 눌러 개행한 것과 <code><nowiki><br/></nowiki></code>은 다르게 렌더링됩니다. [[표]]나 [[틀]] 내부를 제외하면 일반적으로는 쓰이지 않습니다. 

{| class="wikitable"
|-
! 방법
! 입력
! 결과
|-
| <code><nowiki><br/></nowiki></code> 또는 <code><nowiki><br /></nowiki></code> 태그 사용
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">
태그를 사용해 보면<br />이것도 띄어졌네!
</pre>
| 태그를 사용해 보면<br />이것도 띄어졌네!
|-
|}


이미지나 표와 같은 콘텐츠를 글의 한쪽에 함께 넣을 때 콘텐츠가 밀려 오인을 유발할 경우, <code><nowiki>{{-}}</nowiki></code>를 사이에 입력합니다. 
{| class="wikitable"
|-
! 방법
! 입력
! 결과
|-
| <code><nowiki>{{-}}</nowiki></code>
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">
[[파일:Libre Wiki-Logo.png|100px|섬네일]] 
이 문장과 달리
{{-}}
이 문장은 로고 아래에 있네?
</pre>
| [[파일:Libre Wiki-Logo.png|100px|섬네일]] 
이 문장과 달리
{{-}}
이 문장은 로고 아래에 있네?
|-
|}

;※ 주의사항
:* 엔터 한 번으로는 개행이 되지 않습니다. 문단을 나누기 위해서는 엔터를 두 번 눌러야 합니다. 
:* 표나 틀에서 개행할 경우 '''<nowiki><br /></nowiki>''' 사용을 권장합니다. 
:* 환경 설정-소도구에서 위키 문법강조 기능을 활성화해 사용할 경우 슬래시를(/) 넣어 '''<nowiki><br /></nowiki>'''과 같이 사용해야 색상으로 구분됩니다.
:* <code><nowiki>{{-}}</nowiki></code>([[틀:-]])는 문장을 강제로 띄어쓸 때 사용하는 것이 아닙니다. 글의 한 켠에 내용과 관련된 이미지나 표와 같은 콘텐츠를 함께 넣었을 때, 콘텐츠가 다음 문단을 방해할 때 사용합니다. [[도움말:좋은 글 쓰기]]의 이미지와 목록 정렬 예시를 참고할 수 있습니다.

==== 들여쓰기 ====
'''들여쓰기'''는 일정 간격 옆으로 문장이 이동하는 것으로, 콜론(:)을 사용하여 들여쓰기를 입력할 수 있습니다.

[[콜론]]의 개수가 늘어날수록 문장이 오른쪽으로 이동합니다. 콜론의 개수가 같으면, 같은 간격만큼 들여쓰기가 됩니다.

{| class="wikitable"
|-
! 입력
! 결과
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">
본 문장
: 들여쓰기를 해봅시다.
:: 이렇게 '''':''''이 늘어날수록
::: 문장이 점점 더
:::: 오른쪽으로 이동합니다.
:: 같은 개수의 콜론을 사용하면
:: 같은 간격만큼 들여쓰기가 되지요.
</pre>
| 본 문장
: 들여쓰기를 해봅시다.
:: 이렇게 '''':''''이 늘어날수록
::: 문장이 점점 더
:::: 오른쪽으로 이동합니다.
:: 같은 개수의 콜론을 사용하면
:: 같은 간격만큼 들여쓰기가 되지요.
|-
|}

들여쓰기는 아래 2가지 용도로 사용됩니다.

# 토론할 때 다른 사람의 의견에 답변하는 용도.
# 다음에 설명할 '''용어 설명 목록'''과 '''목록'''에서 다른 문자와 함께 사용.

==== 용어 설명 목록 ====
'''용어 설명 목록'''은 단어나 용어를 설명해야 할 때 쓰입니다.

설명할 단어 앞에 [[세미콜론]](;)을, 단어를 설명하는 문장 앞에 콜론(:)을 넣습니다.

{| class="wikitable"
|-
! 입력
! 결과
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">
; 용어
: 용어를 설명하는 목록을
:; 이렇게
:: 만들 수 있습니다.
:: 만들 수 있습니다.
</pre>
| 
; 용어
: 용어를 설명하는 목록을
:; 이렇게
:: 만들 수 있습니다.
:: 만들 수 있습니다.
|-
|}

==== 목록 ====
'''목록'''에는 순서가 없는 목록과 순서가 있는 목록이 있습니다.

; 순서가 없는 목록
: [[별표]](*)와 콜론(:)을 사용합니다. 별표의 개수가 늘어날수록 하위 목록이 됩니다. 중간에 개행이 있으면 목록이 새로 시작됩니다.
: {| class="wikitable"
|-
! 입력
! 결과
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">
* 목록1
* 목록2
*: 목록2 설명
** 목록2의 하위 목록
*** 목록2의 하위 목록의 하위목록
* 목록3
*: 목록3 설명
*: 목록3 설명 개행

* 새 목록1
</pre>
| 
* 목록1
* 목록2
*: 목록2 설명
** 목록2의 하위 목록
*** 목록2의 하위 목록의 하위목록
* 목록3
*: 목록3 설명
*: 목록3 설명 개행

* 새 목록1
|-
|}

; 순서가 있는 목록
: [[해시 기호]](#)와 콜론(:)을 사용합니다.  중간에 개행이 있으면, 목록이 새로 시작합니다.
: {| class="wikitable"
|-
! 입력
! 결과
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">
# 목록1
# 목록2
#: 목록2 설명
## 목록2의 하위 목록
### 목록2의 하위 목록의 하위목록
# 목록3
#: 목록3 설명
#: 목록3 설명 개행

# 새 목록1
</pre>
| 
# 목록1
# 목록2
#: 목록2 설명
## 목록2의 하위 목록
### 목록2의 하위 목록의 하위목록
# 목록3
#: 목록3 설명
#: 목록3 설명 개행

# 새 목록1
|-
|}

; 두 가지 목록 혼합
: 별표와 해시 기호를 섞어서 사용할 수 있습니다.
: {| class="wikitable"
|-
! 입력
! 결과
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">
* 이렇게
*# 두 기호를
*# 혼합해서
* 목록을
*# 만들 수
*# 있습니다.
</pre>
| 
* 이렇게
*# 두 기호를
*# 혼합해서
* 목록을
*# 만들 수도
*# 있습니다.
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">
# 이렇게
## 두 기호를
## 혼합해서
##* 목록을
##* 만들 수
# 있습니다.
</pre>
| 
# 이렇게
## 두 기호를
## 혼합해서
##* 목록을
##* 만들 수
# 있습니다.
|-
|}