도구 01

HTML/CSS/JS Playground

코드를 입력하면 우측에 즉시 미리보기. 코드는 브라우저에서만 실행되어 안전합니다.

미리보기

활용법

1

빠른 아이디어 테스트

새로운 CSS 효과나 JS 로직을 검증할 때 IDE 없이 즉시 결과 확인.

2

학습용 도구

HTML/CSS/JS 학습 중 예제를 직접 입력하고 결과를 보면서 익힐 수 있어요.

3

외부 라이브러리 사용

HTML 영역에 <script src> 또는 <link rel="stylesheet"> 태그로 CDN 라이브러리 로드 가능.

4

브라우저 내 안전 실행

코드는 격리된 iframe에서만 실행되며 외부 서버에 전송되지 않습니다.