HTML 엔티티 인코더·디코더 완벽 가이드
웹 페이지에 코드나 특수문자를 그대로 붙여넣으면 브라우저가 이를 태그로 해석해 레이아웃이 깨지거나 스크립트가 실행되는 문제가 생길 수 있습니다. 이런 문제를 막기 위해 <, >, &, ", ' 같은 문자를 <, >, &, ", ' 같은 "HTML 실체참조(HTML Entity)"로 바꿔서 저장하는데, 이 작업을 사람이 직접 하기는 번거롭고 실수가 잦습니다. HTML 엔티티 인코더·디코더는 이 변환을 자동으로 처리해주는 무료 온라인 도구입니다.
이 도구는 두 가지 방향으로 동작합니다. 첫째, 인코딩 모드는 일반 텍스트를 입력하면 < > & " ' 다섯 가지 기본 특수문자를 안전한 엔티티로 치환합니다. "한글·이모지 등 비ASCII 문자도 모두 엔티티로 변환" 옵션을 켜면 한글, 이모지, 각종 특수기호까지 십진수 코드(예: 한)로 바꿔주므로, 인코딩이 불확실한 게시판이나 구형 CMS에 안전하게 붙여넣을 때 유용합니다. 이모지처럼 두 개의 유니코드 코드유닛으로 이루어진 문자도 코드포인트 단위로 정확히 인식해 하나의 엔티티로 변환합니다. "이름 붙은 엔티티 사용" 옵션을 켜면 <처럼 사람이 읽기 쉬운 이름 엔티티를, 끄면 <처럼 숫자 엔티티를 사용합니다. 결과 영역의 "이름/숫자 전환" 버튼을 누르면 방금 변환한 결과를 즉시 다른 표기 방식으로 바꿔볼 수 있습니다.
둘째, 디코딩 모드는 <div>처럼 엔티티로 이스케이프된 문자열을 입력하면 원래의 텍스트로 되돌려줍니다. 브라우저 내장 파서를 이용해 이름 엔티티(&), 10진 숫자 엔티티(&), 16진 숫자 엔티티(&)를 모두 인식하며, 😀처럼 이모지를 가리키는 코드포인트 엔티티도 정상적으로 원본 이모지로 복원합니다. 블로그 백업 파일이나 API 응답에 섞여 있는 엔티티 코드를 사람이 읽을 수 있는 문장으로 되돌릴 때 특히 편리합니다.
변환이 끝나면 결과가 코드 형태로 표시되며, 복사 버튼으로 클립보드에 바로 담아 CMS·에디터·소스코드에 붙여넣을 수 있습니다. 입력한 내용과 옵션은 자동으로 브라우저에 저장되어 다음 방문 시 이어서 작업할 수 있습니다.
자주 묻는 질문 (FAQ)
Q. 이름 엔티티와 숫자 엔티티는 어떤 차이가 있나요?
A. 결과는 동일하지만 표기 방식이 다릅니다. <, & 같은 이름 엔티티는 사람이 읽기 쉽고, <, & 같은 숫자 엔티티는 일부 오래된 파서나 XML 환경에서 더 안정적으로 처리됩니다. 상황에 맞게 "이름/숫자 전환" 버튼으로 즉시 바꿔볼 수 있습니다.
Q. 이모지도 인코딩·디코딩이 가능한가요?
A. 가능합니다. 인코딩 시 "비ASCII 문자도 모두 변환" 옵션을 켜면 이모지를 코드포인트 숫자 엔티티(예: 😀)로 바꾸고, 디코딩 시에는 이런 코드포인트 엔티티를 정확히 원래 이모지로 복원합니다. 서로게이트 페어로 이루어진 이모지도 한 글자 단위로 올바르게 처리됩니다.
Q. 한글도 엔티티로 변환해야 하나요?
A. 대부분의 최신 웹 환경은 UTF-8을 사용하므로 한글을 굳이 엔티티로 바꿀 필요는 없습니다. 다만 인코딩이 불확실한 구형 시스템이나 일부 이메일 템플릿, XML 문서 등에서는 안전을 위해 "비ASCII 문자도 모두 변환" 옵션으로 모든 문자를 엔티티화할 수 있습니다.