📚 Reference

• 공식 문서 1
• GitHub 1

📜 Chapter

Next.js

‣

mdx

• mdx
• Markdown과 JSX를 결합한 파일 형식으로, Markdown의 간단한 문법에 React 컴포넌트와 같은 동적 JavaScript 요소를 포함할 수 있게 해준다.
• 이를 통해 정적 텍스트와 동적 UI 요소를 함께 작성할 수 있어, 특히 문서와 인터랙티브 콘텐츠를 혼합 해야 하는 웹 개발에서 유용하다.

mdx - 특징

• Markdown 기반: MDX는 Markdown의 간단한 문법(예: 제목, 리스트, 링크 등)을 사용해 글을 쉽게 작성할 수 있다.
• JSX 통합: React 컴포넌트를 Markdown 내에 직접 삽입할 수 있어, 버튼, 차트, 인터랙티브 요소 등을 추가 가능.
• 확장성: MDX는 플러그인과 함께 사용해 코드 하이라이팅, 메타데이터 처리, 테이블 렌더링 등 다양한 기능을 추가할 수 있다.
• 프레임워크 호환: Next.js, Gatsby, Docusaurus 같은 프레임워크에서 MDX를 지원하며, 문서 사이트나 블로그 제작에 자주 사용된다.