HTML 인코더/디코더
HTML 특수문자를 엔티티로 인코딩하거나 엔티티를 원래 문자로 디코딩합니다.
계산 방법
HTML 인코딩은 HTML에서 특별한 의미를 가진 문자를 엔티티(entity)로 변환하는 방식입니다.
주요 변환 문자:
• & → &
• < → <
• > → >
• " → "
• ' → '
주로 다음과 같은 경우에 사용됩니다:
• 웹페이지에 코드를 표시할 때
• XSS(Cross-Site Scripting) 공격 방지
• HTML 문서 내에서 특수문자를 안전하게 표시
계산 예시
자주 묻는 질문
HTML 인코딩은 왜 필요한가요?
HTML에서 <, >, &, " 같은 문자는 태그나 엔티티로 해석됩니다. 이를 인코딩하지 않으면 브라우저가 코드로 실행하여 XSS(크로스사이트 스크립팅) 공격에 취약해질 수 있습니다.
&와 &를 혼동하면 어떻게 되나요?
이중 인코딩이 발생합니다. 예를 들어 이미 &인 문자열을 다시 인코딩하면 &amp;가 되어 화면에 &가 그대로 표시됩니다. 인코딩 전에 원본 텍스트인지 확인하세요.
HTML 엔티티의 종류는?
이름형(Named): <, >, &, " 등. 10진수형(Decimal): <, >. 16진수형(Hex): <, >. 이 도구는 가장 널리 호환되는 형태로 변환합니다.
React/Vue에서도 HTML 인코딩이 필요한가요?
React의 JSX와 Vue의 템플릿은 기본적으로 텍스트를 자동 이스케이프합니다. 하지만 dangerouslySetInnerHTML(React)이나 v-html(Vue)을 사용할 때는 직접 인코딩해야 합니다.