HTML 문자 Escape란?

웹 개발을 하다 보면, 코드나 태그를 그대로 화면에 "문자"로 보여주고 싶을 때가 있습니다. 이때 사용하는 것이 바로 HTML 문자 Escape 입니다!

---

왜 Escape가 필요할까?

예를 들어 아래와 같은 코드를 웹페이지에 그냥 넣으면 브라우저가 <div>를 태그로 해석해서 "Hello World!"만 보여주게 됩니다.

<div>Hello World!</div>

하지만 우리가 의도한 것은 코드 자체를 보여주는 것일 때가 많죠. 이럴 때는 특수 문자를 Escape 처리해서 아래처럼 바꿔줘야 합니다.

 <div>Hello World!</div>

이렇게 하면 브라우저가 이 코드를 "문자"로 인식해서 실제 태그로 동작하지 않고 그대로 화면에 표시해줍니다.

---

자주 쓰는 HTML Escape 문자

기호	Escape 코드
<	$lt;
>	&gt;
&	$amp;
"	$quot;
'	$#39;

---

언제 사용하면 좋을까?

• 블로그에 코드 예제 올릴 때
• 채팅 서비스에서 사용자 입력을 안전하게 보여줄 때
• 서버에서 HTML을 출력할 때 XSS(크로스사이트 스크립트) 위험을 막고 싶을 때

---

정리

HTML 문자 Escape는 웹에서 코드를 안전하게 보여주거나, 특수문자가 의도치 않게 동작하는 것을 막아주는 중요한 기술입니다! 다양한 상황에서 꼭 활용해보세요.