Mozilla, CodePen과 유사한 서비스인 MDN Playground 출시

Mozilla는 사용자가 브라우저에서 직접 HTML, CSS 및 JavaScript 코드 스니펫을 미리 보고 공유할 수 있는 MDN Playground 플랫폼을 출시했습니다. 코드 편집, 실시간 결과 보기를 지원하며 Prettier 도구에 대한 기본 지원 기능을 제공합니다. MDN Playground는 CodePen 커뮤니티와 매우 유사하며 개발자에게 무료 사용을 제공합니다.

최근 MDN 웹 문서 블로그 발표 사용자에게 HTML, CSS 및 JavaScript 코드 스니펫을 테스트하고 보여줄 수 있는 기능을 제공하는 MDN Playground 플랫폼의 출시. 즉각적인 브라우저 미리보기를 통해 사용자는 결과를 실시간으로 관찰하고 해당 코드와 함께 쉽게 공유할 수 있습니다.

MDN 웹 문서 자료는 플랫폼을 사용하여 사이트에서 코드 샘플을 형식화할 계획입니다. 브라우저에서 직접 코드를 실행하고 코드 실행 결과를 즉시 확인할 수 있습니다. 또한 코드를 빠르게 편집하고 작업 결과의 변경 사항을 확인할 수 있습니다. "재생" 버튼은 MDN의 코드 블록 옆에 표시되어 개발자를 놀이터로 안내합니다.

MDN Playground는 모든 최신 브라우저와 호환되며 개발자에게 무료 액세스를 제공합니다. 퍼머링크를 통해 코드 스니펫을 공유하려면 MDN 웹 문서 플랫폼에 대한 승인이 필요합니다. 또한 Playground에는 Prettier 도구에 대한 기본 제공 지원이 포함되어 있어 코드가 널리 수용되는 디자인 표준을 자동으로 준수하도록 합니다.

인기 있는 CodePen 커뮤니티와 마찬가지로 MDN Playground는 개발자가 HTML, CSS 및 JavaScript를 사용하여 작업을 프로토타이핑하고 공유할 수 있는 플랫폼을 제공합니다. 그러나 CodePen 커뮤니티는 정기적인 대회와 콘테스트도 조직하므로 코드 공유에만 국한되지 않습니다.