JavaScript 온라인 실행기
브라우저에서 JavaScript를 실행하고 console.log 출력, 반환값, 줄 번호가 있는 오류, 실행 시간을 확인합니다. 코드는 제한 시간이 있는 격리된 워커에서 실행됩니다.
짧은 코드를 시험해 보거나, 내장 메서드의 동작을 확인하거나, 작은 함수를 개발자 도구 없이 디버깅해 보세요. JavaScript를 입력하고 계산 버튼을 누르면 console.log로 출력한 내용, 반환값, 줄 번호가 있는 오류, 걸린 시간을 모두 볼 수 있습니다. 코드는 별도의 Web Worker에서 제한 시간을 두고 실행되므로 무한 루프가 페이지를 멈추게 하지 않습니다.
사용 방법
- JavaScript를 입력하거나 붙여 넣습니다. 최상위
await와return을 쓸 수 있습니다. - 제한 시간(1–10초)을 정합니다.
- 계산 버튼을 눌러 실행합니다.
- 콘솔 출력, 반환값, 줄과 열 번호가 있는 오류를 확인합니다.
계산식
코드 → Web Worker 안의 async 함수 → 콘솔 메시지, 반환값, 오류
console.log, info, warn, error, table, dir, count, time/timeEnd, group, assert 출력을 캡처합니다. setTimeout으로 시작한 타이머는 제한 시간까지 기다리며, setInterval은 해제되거나 중단될 때까지 계속 실행됩니다. 워커에는 document나 window가 없으므로 DOM 코드는 여기서 동작하지 않습니다.
예시
기본 예제는 19.99 + 5 + 42.5를 더해 합계: 67.49를 출력하고, 세 가격의 작은 표를 그린 뒤, 200 ms 기다렸다가 부동소수점의 대표적인 함정인 0.1 + 0.2 = 0.30000000000000004를 출력하고 { items: 3, total: 67.49 }를 반환합니다.
자주 묻는 질문
import나 require를 쓸 수 있나요?
아닙니다. 코드가 브라우저 워커에서 일반 스크립트로 실행되기 때문에 모듈 import/export 문과 Node의 require를 쓸 수 없습니다. 필요한 코드를 직접 붙여 넣으세요.
DOM 코드가 실패하는 이유는 무엇인가요?
워커에는 페이지가 없어서 document, window, alert가 존재하지 않습니다. 덕분에 코드가 이 페이지를 바꿀 수 없습니다.
내 코드가 어딘가로 전송되나요?
아닙니다. 계산 버튼을 눌렀을 때만 브라우저 안에서 실행되며, 이 사이트는 코드를 저장하거나 링크에 담지 않습니다. 페이지 주소로 들어온 코드(?code=…)는 실행하지 않고 제거합니다.
어떤 JavaScript 버전을 지원하나요?
브라우저가 지원하는 모든 버전입니다. 최신 Chrome, Edge, Firefox, Safari에서는 옵셔널 체이닝, 비공개 클래스 필드, 최상위 await 같은 최신 문법을 쓸 수 있습니다.
출처
최종 업데이트:
이 입력값이 담긴 페이지 주소: https://kakao.mobile/ko/tools/javascript-playground/
인용·퍼가기
kakaoCalc. (2026, November 8). JavaScript 온라인 실행기. https://kakao.mobile/ko/tools/javascript-playground/
“JavaScript 온라인 실행기.” kakaoCalc, 8 Nov. 2026, kakao.mobile/ko/tools/javascript-playground/.