도구 가이드
HTML에서 부등호와 앰퍼샌드는 특별한 의미를 가집니다. 부등호는 태그의 시작과 끝을 나타내고 앰퍼샌드는 엔티티의 시작을 알립니다. 그래서 글자 그대로 화면에 보여 주려면 <나 &처럼 엔티티로 바꿔야 합니다.
이 처리를 빠뜨리면 사용자가 입력한 내용이 태그로 해석되어 화면이 깨지거나, 스크립트가 삽입되는 보안 취약점으로 이어집니다. 웹 개발에서 사용자 입력을 출력할 때 반드시 거쳐야 하는 단계입니다.
이 도구는 인코딩과 디코딩을 모두 지원하고 숫자·16진 엔티티도 원래 문자로 되돌립니다.
사용 방법
- 인코딩할지 디코딩할지 선택합니다.
- 변환할 텍스트를 입력합니다.
- 결과를 확인합니다.
- 복사해 HTML 문서나 코드에 사용합니다.
이럴 때 유용해요
- 게시글에 HTML 코드 예시를 그대로 보여 줄 때
- 사용자 입력을 화면에 출력하기 전 처리할 때
- 엔티티로 저장된 데이터를 원래 문자로 되돌릴 때
- XML이나 RSS에 특수문자가 포함된 값을 넣을 때
사용 팁
- 앰퍼샌드를 가장 먼저 변환해야 합니다. 나중에 하면 다른 엔티티의 앰퍼샌드까지 이중 변환됩니다.
- 실제 서비스에서는 도구로 매번 처리하기보다 프레임워크의 이스케이프 기능을 쓰는 것이 안전합니다.
- 속성값 안에서는 따옴표도 반드시 변환해야 합니다. 그러지 않으면 속성이 끊깁니다.