본문으로 건너뛰기
작업 데이터는 서버에 저장하지 않고, 내 브라우저에서 처리합니다.
tools
브라우저 JavaScript 실행기·콘솔

브라우저 JavaScript 실행기·콘솔

JavaScript를 별도 Web Worker에서 실행하고 콘솔, 마지막 식의 결과, 오류와 실행 시간을 확인합니다.

집중모드
JavaScript
⌘/Ctrl+Enter로 실행
콘솔
실행하면 콘솔 출력이 여기에 표시됩니다

주요 기능

  • CodeMirror 편집기의 JavaScript를 별도 Web Worker에서 실행합니다.
  • console.log·info·warn·error·debug와 마지막 식의 반환값을 읽기 쉬운 문자열로 표시합니다.
  • 동기·Promise 결과, 런타임 오류와 측정된 실행 시간을 보여 줍니다.
  • 실행을 시작하면 호스트가 3초 뒤 Worker 종료를 시도하는 타이머를 설정하며, 수동 중단도 제공합니다.
  • 일반 네트워크 전역과 동적 import, eval·Function 계열을 방어적으로 차단합니다.

사용 방법

  1. 편집기에 실행할 JavaScript를 작성합니다.
  2. 실행 버튼 또는 Cmd/Ctrl+Enter를 누릅니다.
  3. 콘솔, 마지막 식의 결과, 오류와 실행 시간을 확인합니다.

활용 예시

  • 알고리즘 코드 조각 확인

    함수나 배열 처리 코드를 실행하고 console 출력과 마지막 식의 값을 함께 확인할 수 있습니다.

  • 짧은 데이터 변환 디버깅

    별도 프로젝트 없이 JavaScript를 수정·재실행하며 오류 스택과 실행 시간을 살펴볼 수 있습니다.

개인정보 보호

작성한 코드는 해당 브라우저의 로컬 저장소에 보관되고 별도 Web Worker에서 실행됩니다.

사용 환경

네트워크·동적 코드 경로 차단과 3초 종료는 방어 계층이며 완전한 격리나 모든 코드 동작의 통제를 보장하지 않습니다. 신뢰할 수 없는 코드나 비밀 값은 실행하지 마세요.

자주 묻는 질문

fetch나 동적 import를 사용할 수 있나요?
아니요. 실행 환경은 일반 네트워크 경로와 동적 import를 차단하도록 구성되어 있습니다.
끝나지 않는 코드를 실행하면 어떻게 되나요?
각 실행은 별도 Web Worker에서 동작하며 3초가 지나면 해당 Worker를 종료합니다.

관련 도구