yunkoo.dev

MDX Basic

코드블록

언어 이름을 붙이면 블로그 렌더러가 코드 예시를 읽기 좋게 보여줍니다.

코드블록

언어 이름을 붙이면 블로그 렌더러가 코드 예시를 읽기 좋게 보여줍니다.

Preview

export function Example() {
  return <p>Hello MDX</p>;
}

MDX

```tsx
export function Example() {
  return <p>Hello MDX</p>;
}
```

More Examples

파일명을 문장으로 먼저 알려주기

src/app/page.tsx에서 페이지 컴포넌트를 수정합니다.

export default function Page() {
  return <main>Home</main>;
}

MDX

`src/app/page.tsx`에서 페이지 컴포넌트를 수정합니다.

```tsx
export default function Page() {
  return <main>Home</main>;
}
```