이 블로그 템플릿에는 @astrojs/mdx 통합이 astro.config.mjs에 이미 설정되어 있습니다. 필요 없다면 설정 파일에서 해당 통합을 제거하면 됩니다.

MDX를 쓰는 이유

MDX는 자바스크립트와 JSX 문법을 포함할 수 있는 특별한 마크다운입니다. 덕분에 마크다운 글 안에 인터랙티브 차트나 알림 같은 UI 컴포넌트를 함께 넣을 수 있습니다.

예시

MDX 안에서 UI 컴포넌트를 불러와 사용하는 예시입니다. 아래 버튼을 클릭해보세요.

MDX에 내장된 컴포넌트

참고 링크

• MDX 문법 문서
• Astro 사용 문서
• 참고: 인터랙티브 컴포넌트를 만들려면 클라이언트 디렉티브가 필요합니다. 그렇지 않으면 MDX 안의 컴포넌트는 기본적으로 정적 HTML로만 렌더링됩니다.