JavaScript 테스터
모든 개발 도구
무료
안전한 샌드박스에서 JavaScript를 즉시 작성하고 실행하세요: DevTools를 열지 않고도 콘솔 출력, 반환값, 오류, 실행 시간을 확인합니다. 무료이며 브라우저에서 실행됩니다.
브라우저의 샌드박스 iframe에서 실행됩니다: 서버로 아무것도 전송되지 않습니다.
Ctrl/⌘ + Enter로 실행
1
>_
콘솔 출력이 여기에 표시됩니다
JavaScript 테스터 소개
JavaScript 테스터는 DevTools를 열거나 프로젝트를 설정하지 않고도 즉시 JavaScript를 작성하고 실행할 수 있는 온라인 JS 플레이그라운드입니다. 에디터에 코드를 입력하고 실행 또는 Ctrl/Cmd + Enter를 누르면, 콘솔 창에 로그 출력, 경고, 오류, 실행 시간이 표시됩니다.
코드는 주변 페이지에 접근할 수 없는 샌드박스 iframe 안에서 실행됩니다. 실행할 때마다 새로운 샌드박스로 시작하므로, 이전 시도에서 남은 변수나 오작동 코드가 다음 실행에 영향을 주지 않으며, alert 같은 차단성 대화 상자는 무력화되어 페이지가 멈추는 일이 없습니다.
모든 처리가 브라우저에서 클라이언트 사이드로 실행되므로 입력한 내용이 서버로 전송되지 않습니다. Stack Overflow에서 가져온 스니펫을 테스트하거나, async/await 동작을 확인하거나, 작은 함수를 디버깅할 때 빠르고 안전하게 사용할 수 있습니다.
JavaScript 테스터 사용 방법
- 에디터 창에 JavaScript를 입력하거나 붙여넣으세요. 작동하는 예시가 필요하면 샘플을 클릭하세요.
- 실행을 클릭하거나 Ctrl/Cmd + Enter를 눌러 코드를 실행하세요.
- 콘솔 창에서 console.log, info, warn, error 출력과 발생한 오류를 확인하세요. 실행이 끝나면 소요 시간도 표시됩니다.
- 자동 실행을 켜면 편집할 때마다 코드가 자동으로 다시 실행됩니다.
- 콘솔 지우기로 출력을 비우거나, 지우기로 새 코드를 처음부터 시작하세요.
자주 묻는 질문
스크립트는 sandbox="allow-scripts" 제한이 적용된 iframe 안에서 실행되어 페이지로부터 격리됩니다. 콘솔 출력과 오류는 화면에 표시하기 위해 전달되며, 실행할 때마다 iframe이 새로 생성되어 이전 상태가 폐기됩니다.
console.log, console.info, console.warn, console.error 호출이 모두 콘솔 창에 표시되며, 잡히지 않은 오류와 실행에 걸린 밀리초를 보여주는 타이밍 줄도 함께 나타납니다.
네. async/await, 프라미스, 화살표 함수, 템플릿 리터럴을 포함한 최신 문법이 브라우저에서와 동일하게 실행됩니다. 샌드박스가 페이지와 같은 JavaScript 엔진을 사용하기 때문입니다.
아니요. 모든 것이 브라우저 안 샌드박스 iframe에서 로컬로 실행되며, 코드나 출력이 서버로 전송되지 않습니다.
네. 무료이며 가입도 필요 없고, 원하는 만큼 스니펫을 실행할 수 있습니다.
도움이 필요하신가요?
이 도구에서 문제를 발견하셨나요? 저희 팀에 알려주세요.