VS Code | Auto Markdown Toc Extension(목차) 소개 및 사용 방법

참조

• Auto Markdown Toc

정의

• Markdown 파일에서 헤드 라인의 목차를 생성 합니다.

Auto Markdown Toc 설치 방법

• https://marketplace.visualstudio.com/items?itemName=huntertran.auto-markdown-toc

목차 삽입 예제

1. 목차 삽입 예제 코드

• 목차 삽입 예제로 사용 될 코드는 아래와 같습니다.

  ## TOC 데모
  

제목 1

• 제목 1의 내용입니다.

  부제목 1.1

• 부제목 1.1의 내용입니다.

  제목 2

• 제목2의 내용입니다.

  부제목 2.1

• 부제목 2.1의 내용입니다.

  부제목 2.2

• 부제목 2.2의 내용입니다.

  제목 3

• 제목 3의 내용입니다.

  부제목 3.1

• 부제목 3.1의 내용입니다.

  부제목 3.1.1

• 부제목 3.1.1의 내용입니다.

2. Auto TOC 생성할 위치에 마우스 우클릭

• Auto Markdown TOC : Insert/Update 속성 선택 합니다.

3. 목차 생성 완료

• header 구성에 맞게 자동으로 목차가 생성 되었습니다.

  <!-- TOC -->

• [TOC 데모]

• [제목 1]

  • [부제목 1.1]

• [제목 2]

  • [부제목 2.1]
  • [부제목 2.2]

• [제목 3]

  • [부제목 3.1]
    • [부제목 3.1.1]

TOC 데모

제목 1

• 제목 1의 내용입니다.

  부제목 1.1

• 부제목 1.1의 내용입니다.

  제목 2

• 제목2의 내용입니다.

  부제목 2.1

• 부제목 2.1의 내용입니다.

  부제목 2.2

• 부제목 2.2의 내용입니다.

  제목 3

• 제목 3의 내용입니다.

  부제목 3.1

• 부제목 3.1의 내용입니다.

  부제목 3.1.1

• 부제목 3.1.1의 내용입니다.

# 헤더 번호 섹션 삽입 예제   
## **1. 헤더 번호 섹션 삽입 예제 코드**
* **헤더 번호 섹션 삽입 예제** 로 사용될 코드는 아래와 같습니다. 
```md
## Header 번호 목차 TOC 데모

## 제목 1
* 제목 1의 내용입니다.
### 부제목 1.1
* 부제목 1.1의 내용입니다.
## 제목 2
* 제목2의 내용입니다.
### 부제목 2.1
* 부제목 2.1의 내용입니다.
### 부제목 2.2
* 부제목 2.2의 내용입니다.
## 제목 3
* 제목 3의 내용입니다.
### 부제목 3.1
* 부제목 3.1의 내용입니다.
#### 부제목 3.1.1
* 부제목 3.1.1의 내용입니다.

2. TOC 주석 [+depthFrom+], [+orderedList:true+] 속성 설정 하기

• 헤더 번호 목차를 만들 위치에 [+depthFrom+] 과 [+orderedList:true+] 속성 설정 합니다.
• [+depthFrom+] 과 [+orderedList:true+] 설정하지 않으면, [-헤더 번호 생성되지 않습니다.-]
• 세부 속성 : https://marketplace.visualstudio.com/items?itemName=huntertran.auto-markdown-toc

3. 헤더 번호 생성 완료

• 아래와 같이 목차 앞에 Header 번호가 생성 됩니다.

  <!-- TOC depthfrom:2 orderedlist:true -->

• [1. Header 번호 목차 TOC 데모]

• [2. 제목 1]

  • [2.1. 부제목 1.1]

• [3. 제목 2]

  • [3.1. 부제목 2.1]
  • [3.2. 부제목 2.2]

• [4. 제목 3]

  • [4.1. 부제목 3.1]
    • [4.1.1. 부제목 3.1.1]

Header 번호 목차 TOC 데모

제목 1

• 제목 1의 내용입니다.

  부제목 1.1

• 부제목 1.1의 내용입니다.

  제목 2

• 제목2의 내용입니다.

  부제목 2.1

• 부제목 2.1의 내용입니다.

  부제목 2.2

• 부제목 2.2의 내용입니다.

  제목 3

• 제목 3의 내용입니다.

  부제목 3.1

• 부제목 3.1의 내용입니다.

  부제목 3.1.1

• 부제목 3.1.1의 내용입니다.
  ```