Skip to content

글쓰기 가이드 #

Find similar titles

118회 업데이트 됨.

Edit
  • 최초 작성자
    SeokmoonChoi
  • 최근 업데이트
    jmchoi

글작성 가이드 #

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

제목 #

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

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

입력 출력 비고
# 예시 타이틀1 예시 타이틀1 첫 번째로 큰 제목입니다.
## 예시 타이틀2 예시 타이틀2 두 번째로 큰 제목입니다.
### 예시 타이틀3 예시 타이틀3 세 번째로 큰 제목입니다.
#### 예시 타이틀4 예시 타이틀4 네 번째로 큰 제목입니다.
##### 예시 타이틀5 예시 타이틀5 다섯 번째로 큰 제목입니다.
###### 예시 타이틀6 예시 타이틀6 여섯 번째로 큰 제목입니다.

텍스트 #

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

텍스트 형태 #

입력 출력 비고
**굵게** 굵게 별표(*)를 두 번 입력한 상태입니다.
*기울임* 기울임 별표(*)를 한 번 입력한 상태입니다.
<U>밑줄</U> 밑줄 언더바(_)를 두 번 입력한 상태입니다.
~~취소선 1~~ 취소선 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
  • 리스트 2
    • 리스트 2.1
      • 리스트 2.1.1

번호 있는 리스트 #

유형 입력 출력
숫자 1. 리스트 1
▷1. 리스트 1.1
▷1. 리스트 1.2
1. 리스트 2
▷1. 리스트 2.1
▷▷1. 리스트 2.1.1
  1. 리스트 1
    1. 리스트 1.1
    2. 리스트 1.2
  2. 리스트 2
    1. 리스트 2.1
      1. 리스트 2.1.1

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

유형 입력 출력
숫자 2. 리스트 1
▷111. 리스트 1.1
▷3. 리스트 1.2
  1. 리스트 1
    1. 리스트 1.1
    2. 리스트 1.2

혼합형 리스트 #

입력 출력
1. 리스트 1
▷+ 리스트 1.1
▷▷- 리스트 1.1.1
2. 리스트 2
▷* 리스트 2.1
▷▷1. 리스트 2.1.1
  1. 리스트 1
    • 리스트 1.1
      • 리스트 1.1.1
  2. 리스트 2
    • 리스트 2.1
      1. 리스트 2.1.1

리스트 줄바꿈 #

유형 입력 출력
<br/> 매크로 추가 1. 리스트 1
1. 리스트 2

<br/>

1. 리스트 3
1. 리스트 4
  1. 리스트 1
  2. 리스트 2


  1. 리스트 3
  2. 리스트 4
리스트 내부 줄바꿈 1. 리스트 1 내에서의 개행은
<br/>`<br/> 매크로를 입력하세요
▷1. 리스트 2
  1. 리스트 1 내에서의 개행은

    매크로를 입력하세요
    1. 리스트 2

인용 #

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

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

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

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

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

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

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

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

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

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

유형 입력 출력 비고
기본
>인용문
인용문
문법 사용 시 부등호(>)를 입력
> 인용문
개행
>문장1
>문장2
문장1
문장2

또는 줄바꿈 후 부등호(>)를 입력하여 계속 작성하는 방식으로 개행을 할 수 있습니다.
>문장1
문장2
>문장1
>
>문장2
문장1

문장2
>문장1

문장2
중첩
>인용문1
>>인용문2
>>>인용문3
리스트와의 결합
>   * 목록이 담긴 인용문
>       - 목록1
>           * 목록2
  • 목록
    • 목록1
      • 목록2
    인용문 내에서도 리스트를 만들 수 있습니다. 매 줄마다 부등호-띄어쓰기(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)를 통해 생성한 문서의 이미지 파일을 문서 내에 출력할 수 있습니다.
    또한 매개변수를 이용해 이미지의 속성을 지정할 수 있습니다.
    외부 이미지를 업로드하지 않고 인코덤 문서 내에 출력하는 방법은 없습니다.

    이미지 업로드 링크 예시

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

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

    Image

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

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

    Image




    이미지 매개변수

    유형 매개변수 비고
    너비
    (픽셀 지정)
    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열 | 우측 정렬 | 내용 |
    

    출력

    제목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 수식정리 #

    Latex 기호안내


    구분선 #

    ***
    ---
    


    무효화 #

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

    입력 출력
    \*\*굵게\*\* **굵게**
    *기울임* 기울임

    Incoming Links #

    Related Data Sciences #

    Related Articles #

    Related Etcs #

    Suggested Pages #

    0.0.1_20231010_1_v71