mdx-js/mdx

어떤 프로젝트인가요?

핵심 기능

• 01Markdown 콘텐츠 안에 JSX 컴포넌트를 바로 삽입합니다.
• 02MDX 문서 안에서 JavaScript 값을 import하고 export합니다.
• 03webpack, Rollup 같은 번들러에서 사용할 수 있도록 MDX를 JavaScript로 컴파일합니다.
• 04React, Preact, Vue와 통합됩니다.

활용 사례

• 본문과 인터랙티브 컴포넌트를 함께 사용하는 문서 사이트 작성.
• 차트나 알림을 삽입한 긴 블로그 게시물 작성.
• 컴포넌트 중심 페이지로 콘텐츠가 풍부한 React 또는 Vue 사이트 구축.

빠른 시작

1. 1

   프로젝트에 MDX를 통합하는 방법은 시작 가이드에서 확인하세요

2. 2

   온라인 플레이그라운드에서 MDX를 사용해 보세요

포함된 컬렉션

토픽

자주 묻는 질문

mdx은(는) 무엇인가요?

MDX는 Markdown 문서 안에 JSX 컴포넌트를 작성할 수 있는 형식으로, 번들러와 React, Preact, Vue를 위한 컴파일러를 제공합니다. MDX를 사용하면 Markdown 파일 안에 JSX를 작성할 수 있습니다. 차트나 알림 같은 컴포넌트를 import해 본문에 바로 삽입할 수 있어, 인터랙티브 요소가 필요한 긴 문서와 기사에 적합합니다.

mdx은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?

mdx은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.

mdx은(는) 아직 유지보수되고 있나요?

활발히 유지보수 중. mdx의 마지막 커밋은 2026년 11월 6일입니다.

mdx은(는) 어디에 사용할 수 있나요?

본문과 인터랙티브 컴포넌트를 함께 사용하는 문서 사이트 작성. 차트나 알림을 삽입한 긴 블로그 게시물 작성. 컴포넌트 중심 페이지로 콘텐츠가 풍부한 React 또는 Vue 사이트 구축.

mdx는 어떻게 설치하나요?

프로젝트에 MDX를 통합하는 방법은 시작 가이드에서 확인하세요 온라인 플레이그라운드에서 MDX를 사용해 보세요

mdx은(는) 어디서 받을 수 있나요?

소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/mdx-js/mdx