Table of Contents
글작성 가이드 #
글작성시 필요한 모든 마크다운 문법에 대한 가이드이다. 글작성시 해당 페이지의 문법을 참조하여 작성하면 수월한 글쓰기가 될것으로 판단된다.
제목 #
‘#’ 개수가 늘어날수록 큰 제목에서 작은 제목이 됩니다.
글 상단 Table of Contents에 리스트 형식으로 큰 제목부터 순서대로 노출됩니다.
| 입력 | 출력 | 비고 |
|---|---|---|
| # 예시 타이틀1 | 예시 타이틀1 | 첫 번째로 큰 제목입니다. |
| ## 예시 타이틀2 | 예시 타이틀2 | 두 번째로 큰 제목입니다. |
| ### 예시 타이틀3 | 예시 타이틀3 | 세 번째로 큰 제목입니다. |
| #### 예시 타이틀4 | 예시 타이틀4 | 네 번째로 큰 제목입니다. |
| ##### 예시 타이틀5 | 예시 타이틀5 | 다섯 번째로 큰 제목입니다. |
| ###### 예시 타이틀6 | 예시 타이틀6 | 여섯 번째로 큰 제목입니다. |
텍스트 #
서식이 적용된 텍스트의 개행은 줄바꿈(엔터 키)이 아닌 <br> 매크로를 사용해야 합니다.
텍스트 형태 #
| 입력 | 출력 | 비고 |
|---|---|---|
**굵게** |
굵게 | 별표(*)를 두 번 입력한 상태입니다. |
*기울임* |
기울임 | 별표(*)를 한 번 입력한 상태입니다. |
<U>밑줄</U> |
밑줄 | 언더바(_)를 두 번 입력한 상태입니다. |
~~취소선 1~~ |
물결표(~)를 두 번 입력한 상태입니다. |
텍스트 스타일 #
CSS문법을 사용해 텍스트 스타일을 변경할 수 있습니다.
| 입력 | 출력 |
|---|---|
<span style="font-size: 12px;">텍스트 사이즈</span> |
텍스트 사이즈 |
<span style="color: #ff0000;">빨간색</span> |
빨간색 |
<span style="font-size: 12px; color: #ff0000;">빨간색</span> |
텍스트 사이즈 |
리스트 #
가시성을 위해 이 문단에서는 공백 4칸(또는 탭 1칸)을 ▷로 표시합니다.
기본 형식 #
글머리 기호 *, +, - 지원(혼합하여 사용 가능)
| 입력 | 출력 |
|---|---|
* 리스트 1▷* 리스트 1.1+ 리스트 2▷- 리스트 2.1▷▷+ 리스트 2.1.1 |
|
번호 있는 리스트 #
| 유형 | 입력 | 출력 |
|---|---|---|
| 숫자 | 1. 리스트 1▷1. 리스트 1.1▷1. 리스트 1.21. 리스트 2▷1. 리스트 2.1▷▷1. 리스트 2.1.1 |
|
앞의 숫자는 어떤걸 입력해도 내림차순으로 정렬됩니다.
| 유형 | 입력 | 출력 |
|---|---|---|
| 숫자 | 2. 리스트 1▷111. 리스트 1.1▷3. 리스트 1.2 |
|
혼합형 리스트 #
| 입력 | 출력 |
|---|---|
1. 리스트 1▷+ 리스트 1.1▷▷- 리스트 1.1.12. 리스트 2▷* 리스트 2.1▷▷1. 리스트 2.1.1 |
|
리스트 줄바꿈 #
| 유형 | 입력 | 출력 |
|---|---|---|
<br/> 매크로 추가 |
1. 리스트 11. 리스트 2<br/>1. 리스트 31. 리스트 4 |
|
| 리스트 내부 줄바꿈 | 1. 리스트 1 내에서의 개행은<br/>`<br/> 매크로를 입력하세요▷1. 리스트 2 |
|
인용 #
>나 보기가 역겨워
가실 때에는
말없이 고이 보내 드리우리다
>영변에 약산
진달래꽃
아름 따다 가실 길에 뿌리우리다
>가시는 걸음 걸음
놓인 그 꽃을
사뿐히 즈려밟고 가시옵소서
>나 보기가 역겨워
가실 때에는
죽어도 아니 눈물 흘리우리다
>-진달래꽃, 매문사, 1924-
나 보기가 역겨워 가실 때에는 말없이 고이 보내 드리우리다
영변에 약산 진달래꽃 아름 따다 가실 길에 뿌리우리다
가시는 걸음 걸음 놓인 그 꽃을 사뿐히 즈려밟고 가시옵소서
나 보기가 역겨워 가실 때에는 죽어도 아니 눈물 흘리우리다
-진달래꽃, 매문사, 1924-
| 유형 | 입력 | 출력 | 비고 |
|---|---|---|---|
| 기본 | >인용문 |
|
문법 사용 시 부등호(>)를 입력
|
> 인용문 |
|||
개행
|
>문장1>문장2 |
| |
>문장1 |
|||
>문장1>>문장2 |
|
||
>문장1 |
|||
|
중첩
|
>인용문1>>인용문2>>>인용문3
|
||
리스트와의 결합
|
|
|
인용문 내에서도 리스트를 만들 수 있습니다. 매 줄마다 부등호-띄어쓰기(4칸)-별표 후 내용을 작성합니다.
더 깊은 리스트를 작성하기 위해서는 입력과 같이 입력합니다.(리스트 참조) |
링크 #
링크를 표현하는 방법은 인라인 링크, 참조 링크, 읽기 편한 링크가 있다.
| 유형 | 입력 | 출력 | 비고 |
|---|---|---|---|
| 인라인 링크 | [人CoDOM](http://www.incodom.kr "타이틀") |
人CoDOM | |
| 참조 링크 | [人CoDOM] [1][1]: http://www.incodom.kr |
人CoDOM | |
| 읽기 편한 링크 | [人CoDOM!][人CoDOM!]: http://www.incodom.kr |
人CoDOM! | |
| 人CoDOM 내 페이지 링크 | [[Home]][[Flutter/http]] |
Home Flutter/http |
|
| 주소만으로 링크 | http://incodom.kr |
http://incodom.kr |
참조링크, 읽기 편한 링크는 아래와 같이 레퍼런스 작성 필요
[1]: http://www.incodom.kr
[人CoDOM!]: http://www.incodom.kr
이미지 업로드 #
파일 업로드에 대한 내용은 이미지 링크 생성문서를 참고하세요.
파일 업로더(Click here to upload)를 통해 생성한 문서의 이미지 파일을 문서 내에 출력할 수 있습니다.
또한 매개변수를 이용해 이미지의 속성을 지정할 수 있습니다.
외부 이미지를 업로드하지 않고 인코덤 문서 내에 출력하는 방법은 없습니다.
이미지 업로드 링크 예시
이미지 링크 뒤 " "에는 이미지에 대한 간략한 설명을 적습니다.
이미지 사이즈 등 추가적인 정보는 {: } 뒤 매개변수를 추가하면 지정해 줄 수 있습니다.
{: width="50px" style="border:3px solid red;" align="right"}
이미지 매개변수
| 유형 | 매개변수 | 비고 |
|---|---|---|
(픽셀 지정) |
문서에 삽입된 이미지는 화면을 넘어가지 않는 한 원래 크기로 출력됩니다. 이미지의 크기를 높이(height) 변경으로 지정하는 것은 권장되지 않습니다. 되도록이면 너비(width) 변경으로 지정해 주세요. |
|
| 높이 (픽셀 지정) |
height="숫자px" | 위와 동일합니다. |
| 너비 (비율 지정) |
width="숫자%" | 사이트나 표의 고정폭 대비 이미지 파일의 너비나 높이의 비율을 지정합니다. 주의 : width="숫자%"만 삽입하는 경우에는 사용자가 보고 있는 화면 폭에 대한 비율로 이미지가 출력되므로 임의의 사용자가 보기 좋은 적정 너비 선정이 어렵습니다. 표에 넣지 않고 단독으로 이미지 너비 지정을 할 경우 가능한 한 절대 수치를 이용해주세요. |
| 높이 (비율 지정) |
height="숫자%" | 위와 동일합니다. |
| 정렬 지정 | align="위치" | '위치'의 종류는 수평 정렬이 있으며 총 두 종류가 있습니다. 수평 정렬 * 왼쪽 정렬: left * 오른쪽 정렬 : right |
마크다운 문법에서는 이미지를 삽입할 때 파일 첨부 방식은 불가능하고 링크 주소를 통해서만 가능합니다.
동영상 링크 #
유튜브 동영상 삽입 방법에 대해 설명합니다. 다른 웹사이트의 동영상의 경우 완전히 호환되지 않을 수 있습니다.
| 플랫폼 | 입력 | 입력방법 |
|---|---|---|
<iframe width="630px" height="384px"src="https://www.youtube.com/embed/RolFcfu8FmM" title="人CoDOM 동영상 가이드" frameborder="0" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> |
유튜브 동영상 우클릭 후 소스코드 복사를 클릭합니다. width와 height는 화면에 알맞게 수정해주세요. (16:9 비율 동영상 기준 width 630, height 384) |
표작성 #
표 작성은 '|'을 활용해 행과 열을 조절할 수 있습니다.
제목과 내용 사이 열 갯수에 맞는 '|-|-|-|'는 필수로 넣어주어야 합니다.
'|-|'는 기본적으로 좌측 정렬 값을 가지고 있으며 아래 문법 예시와 같이 활용해 중앙, 우측 정렬을 할 수 있습니다.
문법
| 제목1 | 제목2 | 제목3 |
|-|:-:|-:|
| 1열 | 좌측 정렬<br>개행 | 내용 |
| 2열 | 중앙 정렬 | 내용 |
| 3열 | 우측 정렬 | 내용 |
출력
| 제목1 | 제목2 | 제목3 |
|---|---|---|
| 1열 | 좌측 정렬 개행 |
내용 |
| 2열 | 중앙 정렬 | 내용 |
| 3열 | 우측 정렬 | 내용 |
셀 내에서 개행하고자 할 경우, <br>을 활용하여 개행할 수 있습니다.
문단 #
인코덤의 문단 구분은 Enter 두 번으로 구분합니다.
문단1
문단2
문단3
문단1 문단2
문단3
코드블럭 #
역따옴표(`), 공백 4칸또는 탭 1칸을 입력하면 코드블럭이 입력됩니다.
| 입력 | 출력 | 비고 |
|---|---|---|
| `라인블럭` |
라인블럭 |
한 줄의 코드를 나타냅니다. |
| 코드블럭 여러 라인의 코드를 묶습니다. 또는 <pre><code>코드블럭여러 라인의 코드를 묶습니다. </code></pre> |
|
공백 4칸(또는 탭1칸) 또는 <pre><code>내용</code></pre>의 형식으로 나타낼 수 있습니다. |
문법강조 #
코드블럭 문법 상단에 언어 정보를 입력하여 특정한 언어 셋으로 표현할 수 있습니다.
`#!python
def fibo(n):
if n > 2:
return fibo(n - 1) + (fibo n - 2)
else:
return 1
#!python
def fibo(n):
if n > 2:
return fibo(n - 1) + (fibo n - 2)
else:
return 1
체크박스 #
* [ ] 남자
* [x] 여자
- 남자
- 여자
연결그래프 #
#!dot/s
"User" -> {"A"; "B"};
"B" -> {"M"; "F"; "U"};
지도 #
<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d793.6094643123492!2d126.99029929561866!3d37.28475524916015!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sko!2skr!4v1395882889218" width="600" height="450" frameborder="0" style="border:0"></iframe>
수식 #
수식은 Latax 문법도 지원을 한다. $$ $$ (여러 줄) 또는 \( \) (한 줄)안에 수식을 넣으면 수식 입력을 할 수 있다.
$$
X_1 = 1 \\
quad X_2 = 1 \\
quad X_3 = 2
$$
$$ X_1 = 1 \\ quad X_2 = 1 \\ quad X_3 = 2 $$
Latex 수식정리 #
구분선 #
***
---
무효화 #
문법을 무시하고 편집창에 입력한 그대로를 출력하고 싶으시다면, 문제가 되는 문자 앞에 \혹은 HTML 특수문자 코드를 사용해주세요.
| 입력 | 출력 |
|---|---|
\*\*굵게\*\* |
**굵게** |
*기울임* |
기울임 |
Incoming Links #
Related Data Sciences (DataScience 0) #
Related Articles (Article 1) #
Related Etcs (Etc 2) #
Suggested Pages #
- 0.262 Q&A
- 0.191 지침
- 0.175 오픈 테스트
- 0.110 DEG를 구하는 방법에 대한 질문
- 0.034 편집위원회/페이지이름
- 0.024 프로필 페이지 설정
- 0.023 Flutter
- 0.019 데이터 과학
- 0.018 생물정보
- 0.012 iOS
- More suggestions...
