MDX 파이프라인 구성

[hyoseong1994]

배경

신규 문서 사이트에서 MDX 기반 콘텐츠를 렌더링하기 위한 파이프라인을 구성합니다.

목표

• @mdx-js/rollup 등 Vite 플러그인 설정
• frontmatter 파서 및 remark/rehype 플러그인 체인 구성
• MDX 라우팅 및 타입 정의

선행 작업

• BL-01, DOC-02 완료 후 진행

작업 내용

• @mdx-js/rollup Vite 플러그인 설치 및 설정
• frontmatter 파서 연동 (예: remark-frontmatter, remark-mdx-frontmatter)
• remark/rehype 플러그인 체인 구성
• MDX 파일 라우팅 설정
• TypeScript 타입 정의 추가

산출물

• MDX 파일이 Vite 환경에서 정상 렌더링되는 파이프라인
• frontmatter 데이터 추출 가능한 상태
• MDX 관련 타입 정의 파일

완료 기준

• .mdx 파일 작성 시 컴포넌트와 마크다운 혼용 렌더링 가능
• frontmatter 메타데이터가 정상적으로 파싱됨
• TypeScript 타입 오류 없음

예상 소요 시간

4h