#HTML #렌더링 #변수 #태그노출 #태그적용 HTML에서 변수로 텍스트를 렌더링 할 때 HTML 태그가 그대로 노출되는 문제를 해결하기 위해서는 HTML 태그를 HTML 엔티티(Entity)로 대체해야 합니다. HTML 엔티티는 특수 문자나 기호를 표현하기 위한 특수 문자 코드로, HTML 문서에서 사용되는 특수 문자나 기호를 대체하여 HTML 코드에서도 올바르게 표현할 수 있도록 합니다.
예를 들어, < 문자는 < 로 대체됩니다. < => ' < ' > => ' > ' 따라서, HTML 코드에서 변수를 렌더링 할 때는 변수 값을 HTML 엔티티로 변환해야 합니다.
이를 위해서는 JavaScript에서 제공하는 **innerText**나 textContent 속성을 사용하여 변수 값을 HTML 엔티티로 변환한 후 렌더링 할 수 있습니다. 예를 들어, 다음과 같은 HTML 코드가 있다고 가정해 보겠습니다. htmlCopy code <...
![[ HTML ] 변수로 텍스트를 렌더링 할 때 HTML 태그가 그대로 노출되는 문제 해결하기](https://mblogthumb-phinf.pstatic.net/MjAyMzAyMjdfMjc5/MDAxNjc3NDc5NDMyNzAw.f0bRJI4Uz296GsiqMThBoXciSb0XVC6_i-FpSoFEjucg.brFYy3NCFzrIRWT6WuZqmXOX_2lxL43ft1YGH2j4oLIg.PNG.twilight_teatime/HTML5_logo_and_wordmark.svg.png?type=w2){kind=logo}
#
example
#
HTML
#
렌더링
#
변수
#
태그노출
#
태그적용
![[ 플러그인 ] STS , Eclipse(이클립스) javaScript를 자동완성( ctrl + space )해주는 플러그인 설치하기.](https://mblogthumb-phinf.pstatic.net/MjAxODAyMTlfMTQx/MDAxNTE5MDEzMTc4MTQ0.1ymNku-YbQ7Sl7HL3T2fCGjRzLd7R3E94JOkdaTqp4wg.z1Re9p8C0by0nGCI3YyIZXPx3fsmKL1D97NfoKlxZBUg.PNG.twilight_teatime/1.png?type=w2)
![[ 양재역 맛집 :: 칼국수 ] 임병주산동칼국수, 칼국수 하나로 건물 세운 맛집.](https://mblogthumb-phinf.pstatic.net/MjAyMTA5MDhfMTAz/MDAxNjMxMDI3MjUzNjk1.9jyzgm0MMUQqqHrF_KaszWPzfa7x_92b87i_fxUarFkg.ZuXNzl1P0vQ1rF6NfTR1LviGKJ8vdrAMozWsGdoGV5sg.JPEG.twilight_teatime/%C0%D3%BA%B4%C1%D6%BB%EA%B5%BF%C4%AE%B1%B9%BC%F6_%B9%CC%BD%A6%B8%B0%B0%A1%C0%CC%B5%E5_%B8%C0%C1%FD_%2819%29.JPEG?type=w2)
![[ 한양대술집 ][ 술이있는 맛있는밥집 ] 한양대 근처 닭볶음탕 맛집.](https://mblogthumb-phinf.pstatic.net/MjAyMTExMDdfMTYx/MDAxNjM2Mjg1NjUzNTY3.8ZCHD2u9Po8ZlXae8UrfJMTMA8PQHqvirTq9IpJZXcYg.RXFI67HkVbMnK5FHODuzvGCHK2W0-1GCTMk1CrXpl3Qg.JPEG.twilight_teatime/%C7%D1%BE%E7%B4%EB%BC%FA%C1%FD_%BF%D5%BD%CA%B8%AE%B4%DF%BA%BA%C0%BD%C5%C1_%BC%FA%C0%CC%C0%D6%B4%C2_%B8%C0%C0%D6%B4%C2%B9%E4%C1%FD_%284%29.JPEG?type=w2)
![[ React ] 변수 선언 :: var, let, const 사용하기](https://mblogthumb-phinf.pstatic.net/MjAyMjEyMDlfMjQ3/MDAxNjcwNTcxMzk4Nzky.p1vkMRPMdo1HtH-fRoEUbhEaGQ5UKmwP6EK3Vsweftsg.xci_EdKq3H4vGPwdMAI-SjpUZsC5g8SUPbvmCoPLsQYg.JPEG.twilight_teatime/react.jpeg?type=w2)
![[ 더보일러스 ] 용산역 맛집 :: 우대 갈비, 미국식 바비큐 | 콜키지 정보](https://mblogthumb-phinf.pstatic.net/MjAyMjEyMjhfMjE1/MDAxNjcyMjA1NjA3NjA2.ZXTi_6I0QRg1TEAzM8VY3mZphUhTf1TevKMLzCZJgKkg.gh0hMB0NKVp1VtOJeg8YR-MIl9PWHuYDccghy6Hjqskg.JPEG.twilight_teatime/%BF%EB%BB%EA%BF%AA%B8%C0%C1%FD_%B0%ED%B1%E2%B8%C0%C1%FD_%B9%CC%B1%B9%BD%C4%B9%D9%BA%F1%C5%A5_%BF%EC%B4%EB%B0%A5%BA%F1_%C6%F8%B8%B3_%BF%EB%BB%EA%B8%C0%C1%FD_%B3%EB%BA%B8%C5%DA%B8%C0%C1%FD_%B5%E5%B7%A1%B0%EF%BD%C3%C6%BC%B8%C0%C1%FD_%BF%EB%BB%EA%BF%AA_%C8%B8%BD%C4%C0%E5%BC%D2_%B4%F5%BA%B8%C0%CF%B7%AF%BD%BA_%2814%29.jpeg?type=w2)