본문 바로가기
WEBIS 웹유틸무료 온라인 도구

유틸 도구 · 브라우저 실행

코드 스니펫 뷰어

7개 언어 코드를 외부 CDN이나 실행 없이 로컬 텍스트 토큰으로 강조하고 복사합니다.
  • 브라우저 안에서 즉시 처리
  • 입력값은 도구 DB에 저장하지 않음
  • 계산 입력을 외부로 전송하지 않음

Local syntax viewer

외부 CDN 없이 코드를 안전한 텍스트 토큰으로 표시합니다

7개 언어

하이라이트 결과

javascript

입력 코드를 HTML로 실행하지 않습니다. 로컬 토크나이저 결과를 `textContent` 노드로만 추가하며 Prism.js CDN과 외부 네트워크 요청을 제거했습니다.

코드를 입력하면 현재 브라우저에서 표시합니다.

빠른 사용법

세 단계로 확인합니다.

  1. 1
    언어와 코드를 선택합니다

    bash·PHP·JavaScript·JSON·YAML·CSS·markup 중 표시 언어와 200KB 이하 코드를 준비합니다.

  2. 2
    로컬 토크나이저 표시를 확인합니다

    문자열·주석·키워드·숫자·태그를 구분하지만 코드를 실행하거나 HTML로 삽입하지 않습니다.

  3. 3
    원본 코드를 복사합니다

    화면 장식이 아닌 입력한 원문 그대로 클립보드에 복사해 문서나 이슈에 사용합니다.

결과 읽기

코드 보기 기능은 실행 샌드박스와 다릅니다.

시각적 구문 강조만 필요할 때는 외부 CDN과 HTML 주입 없이 텍스트 토큰을 DOM 노드로 나누는 방식이 공격 표면을 줄입니다.
LOCAL외부 CDN 제거

기존 Prism.js 원격 자산을 제거해 제3자 네트워크·무결성·가용성 의존성을 없앴습니다.

TEXT텍스트 노드 렌더링

script와 태그 형태 입력도 textContent로만 추가해 코드가 페이지 요소로 실행되지 않습니다.

DRAFT경량 강조

완전한 언어 파서가 아니라 문서 가독성을 위한 기본 토큰 구분이므로 복잡한 문법 색상은 다를 수 있습니다.

코드를 실행·컴파일·검증하지 않는 보기 도구입니다. 보안 취약점·문법 오류·의존성 상태는 해당 언어의 linter와 테스트에서 확인하세요.

이럴 때 유용합니다.

  • 문서용 코드 미리보기
  • 이슈에 붙일 코드 정리
  • 외부 CDN 없는 간단한 강조

함께 확인하세요.

  • 코드 실행·문법 검증 미제공
  • 200KB 상한
  • 복잡한 중첩 문법은 근사 강조

자주 묻는 질문

사용 전 알아둘 점

붙여넣은 script가 실행되나요?

아닙니다. 모든 토큰을 textContent로 넣어 태그 형태도 코드 문자로만 표시합니다.

Prism.js를 사용하나요?

아닙니다. 외부 CDN을 제거하고 현재 사이트의 경량 로컬 토크나이저를 사용합니다.

코드가 서버로 전송되나요?

아닙니다. 강조와 복사는 현재 브라우저에서만 수행합니다.