[생활코딩] 15강. 이스케이핑(escaping)

escape = 도망가다, 피신하다

 

왜 이런 이름이 붙었지??

 

html 코드

  = 보통 tag

  = browser가 일정하게 해석하도록 약속한 문자들

 

예제. 코드 안에 <br/>을 쓰면 '줄바꿈'으로 인식하지 '<br/>' 자체로 인식하지 않는다.

<br/>은 줄바꿈!

그런데 <br/> 을

해석되지 않도록 대피, 도망시키려고 이스케이핑(escaping)하고 싶은 거지!

 

<          ← 얘는 less than sign이라고 불리고 (줄여서 lt)

>          ← 얘는 greater than sign이라고 불린다 (줄여서 gt).

&          ← 얘는 ampersand라고 불리고

;           ← 얘는 semicolon이라고 불린다.

 

그래서 위의 애들을 조합해서

&lt;br/&gt;

를 써주면

html 문서에서 <br/>을 '<br/>' 자체로 인식한다. (줄바꿈이 아니라!)

 

 

이렇게 escaping이 필요한 아이들은 다음과 같다.

 

작성하는 코드	html 문서에 나타나는 것	사용 예시 / 뜻
&	&	  자체를 html 문서에 나타내고 싶을 때
&lt;	<
&gt;	>
&quot;	"	쌍따옴표(quotation mark)
&apos;	'	아포스트로피(apostrophe)
&iexcl;	¡	반전 느낌표(inverted exclamation mark)
&cent;	￠	화폐 단위 센트(Cent)
&pound;	￡	화폐 단위 파운드(Pound) = GBP
&curren;	¤	통화 기호(currency sign)
&yen	￥	화폐 단위 옌(Yen), 위안(Yuan)
&brvbar;	|	broken vertical bar ← 키보드에서 ￦ 위에 있음.
&sect;	§	section sign, 법 조문 대표 기호
&uml;	¨	분음부호표 - 움라우트(umlaut): 나란히 놓인 두 모음이  따로따로 발음됨을 나타내는 부호.   ex, coöperate, naïve
&copy;	ⓒ	저작권 기호
&reg;	®	등록 상표 기호
&deg;	º	도(度) 기호 - 온도, 각도 등
&plusmn;	±	플러스 마이너스
&sup2;	²	윗첨자 2 (제곱)
&sup3;	³	윗첨자 3 (세제곱)
&micro;	μ	마이크로(뮤)
&para;	¶	단락 기호
&middot;	·	중간 점(middle dot)
&frac14;	¼	4분의 1
&frac12;	½	2분의 1
&frac34;	¾	4분의 3
&iquest;	¿	반전 물음표

이외에도 무~~지무지 많다;;;

 

https://www.htmlescape.net/htmlescape_tool.html 

Escape HTML Entities

온라인 이스케이핑 도구라고 한다..ㅎㅎ 많은 것을 모두 암기할 필요는 없을 것 같다.