MDX 포매터 – Prettier로 무료 MDX 정리
MDX 포매터는 Prettier를 사용해 MDX(Markdown + JSX)를 읽고 검토하기 쉽게 만듭니다. MDX를 붙여넣거나 드래그해 넣고, 들여쓰기, 출력 폭, 프롤로그 래핑을 선택한 뒤, 정리된 결과를 복사하세요. 일관된 서식은 코드 리뷰의 공백 잡음을 줄이고, 기계로 생성된 문서를 살펴보기 쉽게 합니다. 입력이 파싱되는지 확인하고 문제 줄을 찾는 데 사용하세요.
MDX 포매터는 Prettier를 사용해 Markdown과 JSX를 결합한 문서 형식인 MDX를 정리하는 온라인 MDX 포매터입니다. 검토, 공유, 커밋 전에 MDX 파일을 더 일관되고 읽기 쉽게 만드는 간단한 방법을 개발자에게 제공합니다.
사용하려면 MDX를 붙여넣거나 드래그해 넣고, 들여쓰기, 출력 폭, 프롤로그 래핑 설정을 선택한 뒤, 정리된 출력을 복사하세요. 이 옵션들로 정리된 문서의 레이아웃을 정할 수 있습니다. 도구는 입력이 파싱되는지 확인하고, 파싱되지 않는 정확한 줄을 찾는 데도 도움을 줄 수 있습니다.
Markdown은 읽기 쉬운 텍스트와 가벼운 마크업용으로 설계되었고, JSX는 MDX 문서가 JSX 구문을 포함할 수 있게 합니다. 문서에 프롤로그와 JSX가 모두 필요할 때 MDX가 유용하며, 서식 정리는 혼합된 콘텐츠를 훑어보기 쉽게 합니다. 일관된 서식은 공백 불일치를 줄여 코드 리뷰 diff의 방해 요소를 줄일 수도 있습니다.
MDX 포매터는 완전히 브라우저에서 실행됩니다. 입력은 사용자의 기기에서 처리되며 서버로 전송되지 않습니다. 무료이며 가입이 필요 없고, 페이지가 로드된 후에는 오프라인에서 동작합니다. 생성된 MDX를 정리하거나, 다른 사람이 작성한 문서를 검토하거나, 버그 리포트나 코드 리뷰에 공유하기 전에 조각을 정리해야 하는 개발자와 DevOps 엔지니어에게 도움이 됩니다.
1단계: MDX를 도구에 붙여넣거나 드래그해 넣으세요. Markdown과 JSX를 결합한 MDX 입력을 받습니다.
2단계: 정리된 출력에 사용할 들여쓰기를 선택하세요. 일관된 들여쓰기는 문서를 검토하기 쉽게 합니다.
3단계: 출력 폭과 프롤로그 래핑 옵션을 설정하세요. 이 설정들은 Prettier가 정리된 MDX를 배치하는 방식을 정합니다.
4단계: 정리된 결과를 검토하고 복사하세요. 출력은 프로젝트, 코드 리뷰, 버그 리포트에 사용할 수 있습니다.
사용 사례: 커밋하기 전에 읽을 수 없게 기계로 생성된 MDX 파일을 검토하기 쉽게 만드세요.
사용 사례: 다른 사람이 작성한 MDX 문서를 정리해 프로젝트가 따르는 규칙에 맞는지 확인하세요.
사용 사례: 일관되게 들여쓰인 MDX를 만들어 코드 리뷰 diff가 공백 변경에 덜 방해받게 하세요.
사용 사례: 버그 리포트나 코드 리뷰에 붙여넣기 전에 MDX 조각을 정리하세요.
사용 사례: MDX 입력이 파싱되는지 확인하고, 파싱되지 않는 정확한 줄을 찾으세요.
사용 사례: 프롤로그와 JSX가 섞인 문서를 정리해 두 종류의 콘텐츠를 모두 훑어보기 쉽게 하세요.