Does escaping prevent SQL injection?

String escaping reduces risk but is not a substitute for parameterized queries in production code.

What is \uXXXX encoding?

Unicode escape sequences represent characters by their code point —e.g. \u0041 = "A".

What does String Escape / Unescape Online —JSON, JS & HTML Escaping do?

String Escape / Unescape Online —JSON, JS & HTML Escaping runs entirely in your browser and helps you complete this task without uploading data to a server.

Is String Escape / Unescape Online —JSON, JS & HTML Escaping free to use?

Yes. This tool is free to use and does not require sign-up.

문자열 이스케이프 온라인 —JSON, JS & HTML 이스케이프

형식:

→<code>''</code>).
    </div>
  </div>

<div class="ds-seo-content">
  <section class="ds-seo-section">
    <h2 class="ds-seo-section__title">문자열 이스케이프 도구란 무엇인가요?</h2>
    <p>JSON, JavaScript 및 HTML 문자열을 이스케이프하거나 이스케이프 해제합니다</p>
  </section>

<section class="ds-seo-section">
    <h2 class="ds-seo-section__title">문자열 이스케이프 도구 사용 방법</h2>
    <ol>
      <li>입력 영역에 처리할 문자열을 붙여넣거나 입력하세요.</li>
      <li>대상 언어 또는 형식을 선택하세요: JavaScript, Python, HTML, JSON, URL.</li>
      <li>작업에 따라 이스케이프 또는 이스케이프 해제를 선택하세요.</li>
      <li>출력을 복사하세요. 결과를 코드에 바로 붙여넣을 수 있습니다.</li>
    </ol>
  </section>
</div>

<div class="ds-related-tools">
  <h2 class="ds-related-title">관련 도구</h2>
  <div class="ds-related-grid">
    <a href="json-formatter.html" class="ds-related-card"><span class="ds-related-icon">🎨</span><div><div class="ds-related-name">JSON 포맷터</div><div class="ds-related-desc">JSON 포맷 정리, 압축, 검증; CSV 또는 SQL로 변환</div></div></a>
    <a href="url-encode.html" class="ds-related-card"><span class="ds-related-icon">🔗</span><div><div class="ds-related-name">URL 인코딩 디코딩</div><div class="ds-related-desc">URL 매개변수와 구성 요소를 인코딩하거나 디코딩하세요</div></div></a>
    <a href="html-entities.html" class="ds-related-card"><span class="ds-related-icon">🏷️</span><div><div class="ds-related-name">HTML 엔티티 인코딩 디코딩</div><div class="ds-related-desc">HTML 엔티티 인코딩/디코딩 — 이름 및 숫자 형식</div></div></a>
  </div>
</div>

<details class="ds-seo-more">
  <summary class="ds-seo-more__toggle">
    <span>문자열 이스케이프 이해하기</span>
    <span class="ds-seo-more__arrow">▾</span>
  </summary>
  <div class="ds-seo-more__body">
    <details class="ds-seo-collapse">
      <summary>예시</summary>
      <div class="ds-seo-collapse__body">
        <div class="ds-seo-example">
          <div class="ds-seo-example__row">
            <span class="ds-seo-example__label">입력</span>
            <span class="ds-seo-example__value">입력: He said "hello\nworld"</span>
          </div>
          <div class="ds-seo-example__row">
            <span class="ds-seo-example__label">출력</span>
            <span class="ds-seo-example__value">JSON 이스케이프됨: "He said \"hello\\nworld\""</span>
          </div>
        </div>
      </div>
    </details>
    <details class="ds-seo-collapse">
      <summary>일반적인 사용 사례</summary>
      <div class="ds-seo-collapse__body">
        <ul>
          <li>JSON 또는 JS 리터럴에 사용할 따옴표와 줄바꿈을 이스케이프하세요.</li>
          <li>로그나 네트워크 페이로드에서 복사한 문자열의 이스케이프를 해제하세요.</li>
          <li>템플릿이나 데모용으로 HTML 안전 문자열을 준비하세요.</li>
          <li>코드에 포함하기 전에 테스트 픽스처 콘텐츠를 정리하세요.</li>
        </ul>
      </div>
    </details>
    <details class="ds-seo-collapse">
      <summary>자주 묻는 질문</summary>
      <div class="ds-seo-collapse__body">
        <div class="ds-seo-faq-item"><strong>이스케이프가 SQL 인젝션을 방지하나요?</strong><p>문자열 이스케이프는 위험을 줄여 주지만 프로덕션 코드에서 매개변수화된 쿼리를 대체할 수는 없습니다.</p></div>
        <div class="ds-seo-faq-item"><strong>\uXXXX 인코딩이란 무엇인가요?</strong><p>유니코드 이스케이프 시퀀스는 문자를 코드 포인트로 나타냅니다. 예: \u0041 = "A".</p></div>
        <div class="ds-seo-faq-item"><strong>문자열 이스케이프 온라인 — JSON, JS & HTML 이스케이프는 무엇을 하나요?</strong><p>문자열 이스케이프 온라인 — JSON, JS & HTML 이스케이프는 전적으로 브라우저에서 실행되며 데이터를 서버에 업로드하지 않고 이 작업을 완료할 수 있도록 도와줍니다.</p></div>
        <div class="ds-seo-faq-item"><strong>문자열 이스케이프 온라인 — JSON, JS & HTML 이스케이프는 무료로 사용할 수 있나요?</strong><p>예. 이 도구는 무료로 사용할 수 있으며 가입이 필요 없습니다.</p></div>
      </div>
    </details>
  </div>
</details>

<script>
  let mode   = 'escape';
  let format = 'json';

const btnEscape   = document.getElementById('btnEscape');
  const btnUnescape = document.getElementById('btnUnescape');
  const fmtCtrl     = document.getElementById('fmtCtrl');
  const btnSwap     = document.getElementById('btnSwap');
  const inputText   = document.getElementById('inputText');
  const outputText  = document.getElementById('outputText');
  const inputStat   = document.getElementById('inputStat');
  const outputStat  = document.getElementById('outputStat');
  const inputLabel  = document.getElementById('inputLabel');
  const outputLabel = document.getElementById('outputLabel');
  const runLabel    = document.getElementById('runLabel');
  const btnRun      = document.getElementById('btnRun');
  const btnCopyHeader = document.getElementById('btnCopyHeader');
  const btnCopyResult = document.getElementById('btnCopyResult');
  const btnPaste    = document.getElementById('btnPaste');
  const btnClearInput = document.getElementById('btnClearInput');
  const btnClearAll = document.getElementById('btnClearAll');
  const outputPanel = document.getElementById('outputPanel');
  const errorMsg    = document.getElementById('errorMsg');

//  Escape / Unescape logic 
  const ESCAPERS = {
    json: {
      escape(s) {
        return s
          .replace(/\\/g, '\\\\')
          .replace(/"/g,  '\\"')
          .replace(/\n/g, '\\n')
          .replace(/\r/g, '\\r')
          .replace(/\t/g, '\\t')
          .replace(/[\x00-\x1f\x7f-\x9f]/g, c => {
            const h = c.charCodeAt(0).toString(16).padStart(4, '0');
            return `\\u${h}`;
          });
      },
      unescape(s) {
        // Use JSON.parse with surrounding quotes for strict unescape
        return JSON.parse('"' + s + '"');
      }
    },
    js: {
      escape(s) {
        return s
          .replace(/\\/g, '\\\\')
          .replace(/'/g,  "\\'")
          .replace(/"/g,  '\\"')
          .replace(/`/g,  '\\`')
          .replace(/\n/g, '\\n')
          .replace(/\r/g, '\\r')
          .replace(/\t/g, '\\t')
          .replace(/[\x00-\x1f\x7f]/g, c => {
            const h = c.charCodeAt(0).toString(16).padStart(2, '0');
            return `\\x${h}`;
          });
      },
      unescape(s) {
        // eslint-disable-next-line no-new-func
        return Function('"use strict"; return "' + s.replace(/"/g, '\\"') + '"')();
      }
    },
    html: {
      escape(s) {
        return s
          .replace(/&/g,  '&')
          .replace(/</g,  '<')
          .replace(/>/g,  '>')
          .replace(/"/g,  '"')
          .replace(/'/g,  ''');
      },
      unescape(s) {
        const el = document.createElement('textarea');
        el.innerHTML = s;
        return el.value;
      }
    },
    sql: {
      escape(s) {
        return s.replace(/'/g, "''");
      },
      unescape(s) {
        return s.replace(/''/g, "'");
      }
    }
  };

function fmtLabel(fmt) {
    return { json: 'JSON', js: 'JavaScript', html: 'HTML', sql: 'SQL' }[fmt];
  }

function run() {
    const input = inputText.value;
    outputPanel.classList.remove('has-error');

if (!input) {
      outputText.value = '';
      updateStats();
      return;
    }

try {
      outputText.value = mode === 'escape'
        ? ESCAPERS[format].escape(input)
        : ESCAPERS[format].unescape(input);
    } catch (e) {
      outputPanel.classList.add('has-error');
      outputText.value = '';
      errorMsg.textContent = e.message || 'Failed to unescape';
    }

updateStats();
  }

btnEscape.addEventListener('click',   () => setMode('escape'));
  btnUnescape.addEventListener('click', () => setMode('unescape'));

fmtCtrl.querySelectorAll('.seg-btn').forEach(btn => {
    btn.addEventListener('click', () => setFmt(btn.dataset.fmt));
  });

btnSwap.addEventListener('click', () => {
    const out = outputText.value;
    if (!out) return;
    inputText.value = out;
    setMode(mode === 'escape' ? 'unescape' : 'escape');
  });

inputText.addEventListener('input', run);
  btnRun.addEventListener('click', run);

async function copyText(text, button) {
    if (!text) return;
    const orig = button.innerHTML;
    try { await navigator.clipboard.writeText(text); }
    catch {
      const ta = Object.assign(document.createElement('textarea'), { value: text });
      ta.style.cssText = 'position:fixed;opacity:0';
      document.body.appendChild(ta); ta.select(); document.execCommand('copy'); document.body.removeChild(ta);
    }
    button.classList.add('copied');
    button.innerHTML = '<svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg> Copied';
    setTimeout(() => { button.classList.remove('copied'); button.innerHTML = orig; }, 1500);
  }

btnCopyHeader.addEventListener('click', () => copyText(outputText.value, btnCopyHeader));
  btnCopyResult.addEventListener('click', () => copyText(outputText.value, btnCopyResult));

btnPaste.addEventListener('click', async () => {
    try { inputText.value = await navigator.clipboard.readText(); run(); } catch {}
  });

function clearAll() {
    inputText.value = '';
    outputText.value = '';
    outputPanel.classList.remove('has-error');
    updateStats();
  }

btnClearInput.addEventListener('click', clearAll);
  btnClearAll.addEventListener('click', clearAll);

setMode('escape');
</script>
</div>
<footer>
  <a href="../index.html">→홈</a>  · 
  <a href="../all-tools.html">모든 도구</a>  · 
  <a href="../privacy.html">개인정보</a>  · 
  <a href="../about.html">소개</a>
</footer>
  <script src="../../site-i18n/ko.js"></script>
<script src="../../tools-data.js?v=20261103a"></script>
  <script src="../../site-hierarchy.js?v=c4faab8f17"></script>
<script>
  window.STB_PAGE_CONTEXT = {
    pageType: 'tool',
    slug: 'string-escape'
  };
</script>
<script src="../../scripts/site-navigation.js?v=20261103a"></script>
<script src="../../tool-page-icon.js?v=d781f989ca"></script>
<script>(function(){try{var k="stb_recent",p="tools/"+location.pathname.split("/").pop(),l=JSON.parse(localStorage.getItem(k)||"[]");l=[p,...l.filter(function(x){return x!==p})].slice(0,6);localStorage.setItem(k,JSON.stringify(l));}catch(e){}})();</script>
<script src="../../scripts/theme-toggle.js?v=20261102a" defer></script>
</body>
</html>