JavaScript 문자열 Escape 도구
브라우저 처리텍스트를 JavaScript 문자열 리터럴에 그대로 넣을 수 있게 줄바꿈·따옴표·역슬래시를 이스케이프하고, 거꾸로 \n, \', \x41, \u{1F600} 같은 이스케이프를 원래 글자로 풉니다.
- 파일·이미지·문서 처리 도구는 브라우저 안에서 처리되더라도 원본에 개인정보나 민감 정보가 포함될 수 있습니다. 공유·제출 전 원본과 결과를 한 번 더 확인하세요.
여러 줄 메시지나 따옴표가 섞인 문구를 JavaScript 코드의 문자열로 넣으면 줄바꿈과 따옴표 때문에 문법 오류가 납니다. 정방향은 줄바꿈을 \n, 탭을 \t, 큰따옴표와 작은따옴표를 \"와 \'로 바꿔 '…'와 "…" 어느 쪽 따옴표 안에도 그대로 넣을 수 있게 합니다.
Line one\n\"quoted\" and it\'s <\/script>
JavaScript 문자열 Escape 도구 사용 가이드
여러 줄 메시지나 따옴표가 섞인 문구를 JavaScript 코드의 문자열로 넣으면 줄바꿈과 따옴표 때문에 문법 오류가 납니다. 정방향은 줄바꿈을 \n, 탭을 \t, 큰따옴표와 작은따옴표를 \"와 \'로 바꿔 '…'와 "…" 어느 쪽 따옴표 안에도 그대로 넣을 수 있게 합니다.
인라인 <script> 안에 들어가도 안전하도록 </script는 <\/script로 바꿔 스크립트 태그가 일찍 닫히지 않게 합니다. 이렇게 바꾼 결과를 다시 역방향으로 돌리면 처음 텍스트와 정확히 같아집니다.
역방향은 JavaScript가 이해하는 모든 이스케이프를 풉니다. \n·\r·\t·\b·\f·\v·\0, \', \", \\, \x41, \u00e9, \u{1F600}, 줄 끝의 \ 이어 쓰기까지 처리하고, \u12처럼 잘못된 이스케이프는 몇 번째 글자인지 알려 줍니다.
사용 방법
- '문자열' 칸에 바꿀 텍스트나 이스케이프된 문자열을 붙여 넣습니다. 바깥 따옴표는 빼고 넣습니다.
- 작업에서 '이스케이프' 또는 '이스케이프 풀기'를 고릅니다.
- '실행'을 누르고 결과를 따옴표 안에 붙여 넣거나 원문으로 확인합니다.
예시: 따옴표와 줄바꿈이 섞인 안내문
Line one "quoted" and it's </script>
Line one\n\"quoted\" and it\'s <\/script>
결과는 'Line one\n…' 또는 "Line one\n…" 어느 쪽 따옴표로 감싸도 처음 문장과 같은 문자열이 됩니다.
이럴 때 쓰면 좋아요
- HTML 템플릿이나 번역 문구를 JavaScript 상수로 옮길 때
- 로그에 찍힌 \n과 \" 투성이 문자열을 사람이 읽을 수 있게 풀 때
- 인라인 스크립트에 사용자 문구를 넣으면서 태그 깨짐을 막을 때
- 테스트 코드의 기대값 문자열을 정확한 리터럴로 만들 때
문제가 생겼을 때
문자열 끝의 \ 뒤에 글자가 없습니다. 역슬래시 자체를 나타내려면 \\로 두 번 써야 합니다.
\u 뒤에는 16진수 4자리(\u00e9)나 중괄호 안의 16진수(\u{1F600})가 와야 합니다. 복사하면서 글자가 잘렸는지 확인하세요.
활용 팁
- 템플릿 리터럴(`…`)에 넣을 때는 백틱과 ${ 도 따로 이스케이프해야 합니다. 이 도구의 결과는 작은따옴표·큰따옴표 문자열 기준입니다.
- JSON 문자열에는 \'가 허용되지 않습니다. JSON에 넣을 값이라면 JSON 포맷터에서 문자열로 감싸는 편이 맞습니다.
자주 묻는 질문
아니요. 이스케이프에 꼭 필요한 글자만 바꾸고 한글과 이모지는 그대로 둡니다. 모두 \u 형식으로 바꾸려면 Unicode Escape 변환기를 쓰세요.
\n, \t, \", \\는 대부분의 언어에서 같아 그대로 쓸 수 있습니다. 다만 \'나 <\/는 언어마다 규칙이 달라 확인이 필요합니다.
정방향에서는 바깥 따옴표도 내용으로 보고 \"로 바꿉니다. 따옴표 안의 내용만 넣어야 원하는 결과가 나옵니다.