# 260210-23.15-hierarchical-numbering-toc

> **일시**: 2026-02-10 23:15
> **참석자**: 제이 부장 (PM), 개발 에이전트
> **안건/주제**: 법조문 스타일의 계층형 번호 자동화 및 리스트 중심 목차 연동 설계

---

## 1. 개요
사용자의 요청에 따라 불렛(`•`) 대신 `1.`, `1.1`, `1.1.1` 형태의 계층형 번호를 자동으로 생성하고, 이를 목차(TOC)와 연동하여 문서 구조를 체계화함.

## 2. 상세 설계

### 2.1. CSS 카운터 시스템 (globals.css)
- `ol` 태그 중첩 시 `insu-ol` 카운터를 초기화 및 증가시킴.
- `counters(insu-ol, ".")`를 사용하여 깊이에 따른 번호 조합 생성.
- 리스트 내부 여백을 조정하여 불렛과 유사한 시각적 균형 유지.

### 2.2. TOC 리스트 파싱 (TableOfContents.tsx)
- 기존 헤더(`#`) 검색 로직에 리스트(`^(\s*)(\d+)\.`) 검색 로직 추가.
- 인덴트(공백/탭)를 계산하여 `level`을 1~3단계로 매핑.
- 각 리스트 아이템에 고유 인덱스 기반 ID 부여 (`li-{level}-{index}`).

### 2.3. 렌더러 연동 (page.tsx)
- `ReactMarkdown`의 `li` 컴포넌트에서 뎁스를 계산하여 TOC와 동일한 규칙의 ID 부여.
- 스크롤 추적(Intersection Observer)이 헤더뿐만 아니라 리스트 항목도 감지하도록 지원.

## 3. 기대 효과
- 법조문, 논문 등 체계가 중요한 문서 작성의 편의성 증대.
- 헤더를 쓰지 않고도 리스트만으로 상세한 목차 구성 가능.