blog
Next.js Git Blog (6): MDX 플러그인(rehype-pretty-code, shiki)
앞서 MDX을 도입하면서 컴포넌트를 통한 확장성을 확보해보았다. 이를 적용하는 과정에서 추가로 확인한 내용이 있는데, MDX는 다양한 플러그인을 활용하여 마크다운의 본문을 더 다채롭게 꾸밀 수 있게 해준다고 한다. 이번 글에서는 코드 하이라이팅을 위한 rehype 라이브러리를…
앞서 MDX을 도입하면서 컴포넌트를 통한 확장성을 확보해보았다. 이를 적용하는 과정에서 추가로 확인한 내용이 있는데, MDX는 다양한 플러그인을 활용하여 마크다운의 본문을 더 다채롭게 꾸밀 수 있게 해준다고 한다. 이번 글에서는 코드 하이라이팅을 위한 rehype 라이브러리를…
현재 이 블로그는 마크다운 파일을 불러와 해석하고 렌더링하는 방식을 취하고 있다. 그래서 본문은 마크다운이 약속한 표준 태그들로만 구성되어 있다. 그러던 중 MDX(Markdown + JSX) 라는 재밌는 개념을 접했다. 마크다운 본문 중간에 React 컴포넌트를 직접 삽입하여 글을…