마크다운(Markdown)과 JSX 문법을 혼합해서 쓸 수 있도록 해주는 MDX의 v3가 출시되었습니다. 가장 눈에 띄는 개선 사항은 자바스크립트에서 비동기 함수를 호출할 때 사용하는 await 키워드를 사용할 수 있게 되었다는 점입니다.

즉, MDX를 v3로 업그레이드 하시면 아래와 같은 자바스크립트 코드를 MDX 파일에 삽입할 수 있습니다. 🧙

```mdx

# 할일 목록

<ul>

{(await (await fetch(url)).json()).map(task => (

<li key={task.id}>

{task.title} - {task.completed ? '완료' : '미완료'}

</li>

))}

</ul>

```

자세한 내용은 아래 MDX 공식 블로그를 참고하세요!

📣 공지 링크: https://mdxjs.com/blog/v3/