도구·사이트 목록

JSFiddle

웹사이트 · 개발·데이터

짧은 웹 코드의 오류를 재현하고 공유하기

HTML, CSS와 JavaScript 코드를 입력해 실행하고 예제를 저장하는 웹 플레이그라운드입니다.

  • 웹 코드 즉시 실행
  • 작은 재현 예제 저장

어떤 때 쓰면 좋을까요?

기능 하나가 왜 동작하지 않는지 질문하고 싶을 때 활용합니다. 관련 없는 프로젝트 코드를 빼고 최소한의 HTML과 스크립트로 오류를 재현할 수 있어요.

외부 라이브러리를 쓰는 경우 실제 버전과 실행 설정을 맞춰주세요. 문제가 없는 코드까지 많이 넣으면 원인을 찾기 어려워집니다. 공개 예제에는 고객 정보나 비밀값을 넣지 않고 비공개 기능의 조건도 확인합니다.

이렇게 써보세요

날짜 입력을 바꾸면 표가 갱신되지 않는 문제를 최소 코드로 만들고 기대 동작과 실제 동작을 함께 공유해보세요.

얻는 결과질문과 디버깅에 사용할 작은 코드 예제

사용 순서

  1. 문제에 필요한 최소 코드를 입력합니다

  2. 실행 설정과 라이브러리를 맞춥니다

  3. 동작을 확인하고 재현 설명을 붙입니다

사용할 때 알아두세요

저장·비공개·컬렉션 기능의 제공 조건은 다를 수 있습니다. 전체 앱 개발 환경과는 범위가 다릅니다.

JSFiddle 접속하기

제작자 소개 · 2026-10-04 확인 · 기능·요금은 제작자의 최신 안내를 확인하세요.