Docusaurus - 02. mdx 확장자
·
✏️ Study/Front-end ETC
📍참고 https://docusaurus.io/docs/markdown-features/react MDX and React | Docusaurus Using the power of React in Docusaurus Markdown documents, thanks to MDX docusaurus.io 📍마크다운에서 JSX 사용하기 - .mdx 확장자는 마크다운에서 jsx를 사용할 수 있게 해준다 - .mdx 내의 jsx는 리액트 컴포넌트처럼 렌더링된다 📍MDX는 JSX이다 - HTML 스타일 대신 JSX 스타일을 사용해야 한다 /* Instead of this: */ Foo /* Use this: */ Foo 📍컴포넌트 import 하기 - mdx에서 다른 파일에서 작성된 컴포넌트 또는 다른 라이브러리의..
Docusaurus - 01. Installation
·
✏️ Study/Front-end ETC
📍참고 https://docusaurus.io/docs/installation Installation | Docusaurus How to install Docusaurus locally, and start a Docusaurus site in no time. docusaurus.io 📍설치 npx create-docusaurus@latest my-website classic --typescript 📍프로젝트 구조 개요 ✅/blog/ - 블로그 포스트용 md 파일을 포함 - 블로그 플러그인을 사용하지 않는다면 삭제해도 됨 ✅/docs/ - 문서용 md 파일을 포함 - sidebar.js 파일을 수정하여 문서 순서를 수정 가능 - 문서 플러그인을 사용하지 않는다면 삭제해도 됨 ✅/src/ - md 파일이 아..