글작성 가이드 #

목적 #

글작성시 필요한 모든 마크다운 문법에 대한 가이드이다. 글작성시 해당 페이지의 문법을 참조하여 작성하면 수월한 글쓰기가 될것으로 판단된다.

문법 소개 #

제목 #

‘#’ 개수가 늘어날수록 큰 제목에서 작은 제목이 됩니다.

글 상단 Table of Contents에 리스트 형식으로 큰 제목부터 순서대로 노출됩니다.

텍스트 #

서식이 적용된 텍스트의 개행은 줄바꿈(엔터 키)이 아닌 <br> 매크로를 사용해야 합니다.

텍스트 형태 #

텍스트 스타일 #

CSS문법을 사용해 텍스트 스타일을 변경할 수 있습니다.

리스트 #

가시성을 위해 이 문단에서는 공백 4칸(또는 탭 1칸)을 ▷로 표시합니다.

기본 형식 #

글머리 기호 *, +, - 지원(혼합하여 사용 가능)

번호 있는 리스트 #

앞의 숫자는 어떤걸 입력해도 내림차순으로 정렬됩니다.

혼합형 리스트 #

리스트 줄바꿈 #

인용 #

>나 보기가 역겨워
가실 때에는
말없이 고이 보내 드리우리다

>영변에 약산
진달래꽃
아름 따다 가실 길에 뿌리우리다

>가시는 걸음 걸음
놓인 그 꽃을
사뿐히 즈려밟고 가시옵소서

>나 보기가 역겨워
가실 때에는
죽어도 아니 눈물 흘리우리다

>-진달래꽃, 매문사, 1924-

나 보기가 역겨워 가실 때에는 말없이 고이 보내 드리우리다

영변에 약산 진달래꽃 아름 따다 가실 길에 뿌리우리다

가시는 걸음 걸음 놓인 그 꽃을 사뿐히 즈려밟고 가시옵소서

나 보기가 역겨워 가실 때에는 죽어도 아니 눈물 흘리우리다

-진달래꽃, 매문사, 1924-

>   * 목록이 담긴 인용문
>       - 목록1
>           * 목록2

링크 #

링크를 표현하는 방법은 인라인 링크, 참조 링크, 읽기 편한 링크가 있다.

참조링크, 읽기 편한 링크는 아래와 같이 레퍼런스 작성 필요
[1]: http://www.incodom.kr
[人CoDOM!]: http://www.incodom.kr

이미지 업로드 #

파일 업로드에 대한 내용은 이미지 링크 생성문서를 참고하세요. 파일 업로더(Click here to upload)를 통해 생성한 문서의 이미지 파일을 문서 내에 출력할 수 있습니다.
또한 매개변수를 이용해 이미지의 속성을 지정할 수 있습니다.
외부 이미지를 업로드하지 않고 인코덤 문서 내에 출력하는 방법은 없습니다.

이미지 업로드 링크 예시

이미지 링크 뒤 " "에는 이미지에 대한 간략한 설명을 적습니다.

![Image](https://imghub.insilicogen.com/media/photos/img-incodom-favicon2x.png "인코덤")

이미지 사이즈 등 추가적인 정보는 {: } 뒤 매개변수를 추가하면 지정해 줄 수 있습니다.

![Image](https://imghub.insilicogen.com/media/photos/img-incodom-favicon2x.png "인코덤"){: width="50px" style="border:3px solid red;" align="right"}

이미지 매개변수

유형	매개변수	비고
너비 (픽셀 지정)	width="숫자px"	문서에 삽입된 이미지는 화면을 넘어가지 않는 한 원래 크기로 출력됩니다. 이미지의 크기를 높이(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열 | 우측 정렬 | 내용 |

출력

셀 내에서 개행하고자 할 경우, <br>을 활용하여 개행할 수 있습니다.

• 참고: http://www.tablesgenerator.com/markdown_tables

문단 #

인코덤의 문단 구분은 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 수식정리 #

Latex 기호안내

구분선 #

***
---

무효화 #

문법을 무시하고 편집창에 입력한 그대로를 출력하고 싶으시다면, 문제가 되는 문자 앞에 \혹은 HTML 특수문자 코드를 사용해주세요.

Incoming Links #

Related Data Sciences (DataScience 0) #

• 이미지 링크 생성

Related Articles (Article 1) #

• About
• Help
• Home
• Policy
• 글쓰기 지침

Related Etcs (Etc 2) #

• FAQ
• 글쓰기 예제
• 예시페이지

Suggested Pages #

• 0.356 Q&A
• 0.156 지침
• 0.139 오픈 테스트
• 0.080 DEG를 구하는 방법에 대한 질문
• 0.041 삭제요청
• 0.024 Flutter
• 0.023 프로필 페이지 설정
• 0.020 bacteriophage
• 0.017 생물정보
• 0.014 데이터 과학
• More suggestions...