πŸ”£HTML μ—”ν‹°ν‹° λ³€ν™˜κΈ°

특수 κΈ°ν˜Έκ°€ ν¬ν•¨λœ ν…μŠ€νŠΈλ₯Ό HTML μ½”λ“œλ‘œ λ³€ν™˜ν•˜κ±°λ‚˜, μ½”λ“œλ₯Ό μ›λž˜ 문자둜 λ³΅κ΅¬ν•˜μ„Έμš”.

λ³€ν™˜ κ²°κ³Ό

κ²°κ³Όκ°€ 여기에 ν‘œμ‹œλ©λ‹ˆλ‹€.

HTML μ—”ν‹°ν‹° λ³€ν™˜ κ°€μ΄λ“œ

μ›Ή νŽ˜μ΄μ§€λ₯Ό κ΅¬μ„±ν•˜λŠ” HTML μ–Έμ–΄μ—μ„œ νŠΉμ • λ¬Έμžλ“€μ€ κ³ μœ ν•œ 문법적 κΈ°λŠ₯을 λ‹΄λ‹Ήν•©λ‹ˆλ‹€. 예λ₯Ό λ“€μ–΄ κΊ½μ‡ κ΄„ν˜Έ(<, >)λŠ” νƒœκ·Έλ₯Ό μ •μ˜ν•˜λŠ” μš©λ„λ‘œ 쓰이며, μ•°νΌμƒŒλ“œ(&)λŠ” μ—”ν‹°ν‹°μ˜ μ‹œμž‘μ„ μ•Œλ¦¬λŠ” 기호둜 μ•½μ†λ˜μ–΄ μžˆμŠ΅λ‹ˆλ‹€. λ§Œμ•½ λΈ”λ‘œκ·Έ ν¬μŠ€νŒ…μ΄λ‚˜ 개발 λ¬Έμ„œμ—μ„œ μ΄λŸ¬ν•œ 기호λ₯Ό λ‹¨μˆœν•œ ν…μŠ€νŠΈλ‘œ 화면에 ν‘œμ‹œν•˜κ³  μ‹Άλ‹€λ©΄, λΈŒλΌμš°μ €κ°€ 이λ₯Ό μ½”λ“œλ‘œ ν•΄μ„ν•˜μ§€ λͺ»ν•˜λ„둝 νŠΉμˆ˜ν•œ ν˜•νƒœλ‘œ λ³€ν™˜ν•΄μ•Ό ν•©λ‹ˆλ‹€. 이λ₯Ό HTML μ—”ν‹°ν‹° 인코딩이라고 ν•©λ‹ˆλ‹€.

λ³Έ λ„κ΅¬λŠ” μ›Ή 개발자, λ§ˆμΌ€ν„°, ν˜Ήμ€ 기술 λ¬Έμ„œλ₯Ό μž‘μ„±ν•˜λŠ” μž‘μ„±μžλ“€μ΄ κ²ͺλŠ” μ΄λŸ¬ν•œ λ²ˆκ±°λ‘œμ›€μ„ ν•΄κ²°ν•˜κΈ° μœ„ν•΄ μ œμž‘λ˜μ—ˆμŠ΅λ‹ˆλ‹€. λ³΅μž‘ν•œ μ†ŒμŠ€ μ½”λ“œλ₯Ό κ·ΈλŒ€λ‘œ λ³΅μ‚¬ν•˜μ—¬ λΆ™μ—¬λ„£μœΌλ©΄, μ›Ή ν‘œμ€€μ— λΆ€ν•©ν•˜λŠ” μ•ˆμ „ν•œ μ—”ν‹°ν‹° μ½”λ“œ(<, >, & λ“±)둜 μ¦‰μ‹œ λ³€ν™˜ν•΄ μ€λ‹ˆλ‹€. λ°˜λŒ€λ‘œ μ™ΈλΆ€μ—μ„œ κΈμ–΄μ˜¨ μ†ŒμŠ€ μ½”λ“œμ— μ—”ν‹°ν‹°κ°€ μ„žμ—¬ μžˆμ–΄ 읽기 λΆˆνŽΈν•œ 경우, λ””μ½”λ”© κΈ°λŠ₯을 톡해 μ›λž˜μ˜ 문자둜 κΉ¨λ—ν•˜κ²Œ 볡ꡬ할 수 μžˆμŠ΅λ‹ˆλ‹€. μ΄λŠ” μ›Ή 가독성을 높이고 μ½”λ“œ 디버깅 μ‹œκ°„μ„ λ‹¨μΆ•ν•˜λŠ” 데 맀우 νš¨κ³Όμ μž…λ‹ˆλ‹€.

특히 ν˜„λŒ€μ˜ μ›Ή ν™˜κ²½μ—μ„œλŠ” λ³΄μ•ˆ 이슈인 크둜슀 μ‚¬μ΄νŠΈ μŠ€ν¬λ¦½νŒ…(XSS) λ°©μ§€λ₯Ό μœ„ν•΄ μ‚¬μš©μž μž…λ ₯값을 μ—”ν‹°ν‹°λ‘œ λ³€ν™˜ν•˜λŠ” 과정이 ν•„μˆ˜μ μž…λ‹ˆλ‹€. μ‹¬ν”Œμš°λ””μ˜ λ³€ν™˜κΈ°λŠ” λͺ¨λ“  연산을 μ‚¬μš©μžμ˜ μ›Ή λΈŒλΌμš°μ € λ‚΄μ—μ„œ 직접 μ²˜λ¦¬ν•˜λ―€λ‘œ, λ―Όκ°ν•œ μ†ŒμŠ€ μ½”λ“œκ°€ μ™ΈλΆ€ μ„œλ²„λ‘œ 유좜될 κ±±μ • 없이 μ•ˆμ „ν•˜κ²Œ μ‚¬μš©ν•  수 μžˆμŠ΅λ‹ˆλ‹€. λ‹¨μˆœνžˆ ν…μŠ€νŠΈλ₯Ό λ°”κΎΈλŠ” 것을 λ„˜μ–΄, μ›Ή ν‘œμ€€ κ·œκ²©μ„ μ€€μˆ˜ν•˜λ©° λ°μ΄ν„°μ˜ 정합성을 μœ μ§€ν•˜λŠ” 데 μ΅œμ ν™”λœ μœ ν‹Έλ¦¬ν‹°μž…λ‹ˆλ‹€. λ³΅μž‘ν•œ κΈ°ν˜Έλ“€ μ‚¬μ΄μ—μ„œ 길을 μžƒμ§€ 말고, λ³Έ 도ꡬλ₯Ό 톡해 μŠ€λ§ˆνŠΈν•˜κ³  μ•ˆμ „ν•œ μ›Ή μ œμž‘ ν™˜κ²½μ„ ꡬ좕해 λ³΄μ„Έμš”.

자주 λ¬»λŠ” 질문 (FAQ)

Q: λͺ¨λ“  특수 기호λ₯Ό λ³€ν™˜ν•΄μ•Ό ν•˜λ‚˜μš”?

A: ν•„μˆ˜μ μœΌλ‘œ λ³€ν™˜ν•΄μ•Ό ν•˜λŠ” λ¬ΈμžλŠ” <, >, &, ", ' λ‹€μ„― κ°€μ§€μž…λ‹ˆλ‹€. ν•˜μ§€λ§Œ μœ λ‹ˆμ½”λ“œ λ¬Έμžλ‚˜ 특수 κΈ°ν˜Έλ“€λ„ 수치 μ—”ν‹°ν‹° ν˜•μ‹μœΌλ‘œ λ³€ν™˜ν•˜λ©΄ μ–΄λ–€ ν™˜κ²½μ—μ„œλ„ 깨짐 없이 ν‘œμ‹œν•  수 μžˆμŠ΅λ‹ˆλ‹€.

Q: 인코딩 ν›„ μ›ΉνŽ˜μ΄μ§€μ—μ„œ μ–΄λ–»κ²Œ λ³΄μ΄λ‚˜μš”?

A: 예λ₯Ό λ“€μ–΄ &lt;라고 μž…λ ₯된 μ½”λ“œλŠ” μ‚¬μš©μžμ˜ μ›Ή λΈŒλΌμš°μ €μ—μ„œ μ‹€μ œλ‘œλŠ” < 기호둜 λ Œλ”λ§λ˜μ–΄ λ‚˜νƒ€λ‚©λ‹ˆλ‹€.

Q: 이 λ„κ΅¬λŠ” λ¬΄λ£ŒμΈκ°€μš”?

A: λ„€, μ‹¬ν”Œμš°λ””μ˜ λͺ¨λ“  개발 λ„κ΅¬λŠ” κ°€μž…μ΄λ‚˜ λΉ„μš© 없이 λˆ„κ΅¬λ‚˜ 자유둭게 μ΄μš©ν•˜μ‹€ 수 μžˆλŠ” μ˜€ν”ˆ μœ ν‹Έλ¦¬ν‹°μž…λ‹ˆλ‹€.