# 위젯에서 DOM 요소를 virtual-dom으로 변환하기

**URL:** <https://meta.discourse.org/t/converting-a-dom-element-to-virtual-dom-in-widgets/238346>\
**Category:** Development\
**Created:** [9월 7, 2022, 2:28오후 UTC](https://meta.discourse.org/t/converting-a-dom-element-to-virtual-dom-in-widgets/238346 "2022-09-07T14:28:55Z")\
**Posts on this page:** 1\
**Showing post:** 3

<div class="post-metadata">

**Author:** ![attj](https://avatars.discourse-cdn.com/v4/letter/a/a698b9/32.png) [@attj](https://meta.discourse.org/u/attj)\
**Post date:** [9월 7, 2022, 3:42오후 UTC](https://meta.discourse.org/t/converting-a-dom-element-to-virtual-dom-in-widgets/238346/3 "2022-09-07T15:42:33Z")

</div>

제 사용 사례는 다음과 같습니다:

현재 태그 배너(tag banners) 컴포넌트를 사용 중이며, 해당 소스를 수정하고 있습니다. 기본적으로 제 웹사이트에서 일부 태그 설명에 LaTeX가 포함되어 있습니다. 이 LaTeX를 배너에 올바르게 렌더링하고 싶습니다.

위젯을 수정하는 대신 테마 커스터마이즈(Customize Theme)의 “Head” 섹션에 스크립트를 추가하고 싶었습니다. 하지만 위젯이 이미 로드되었는지 확인하는 방법을 찾지 못했습니다. “Head” 섹션에서 `document.getElementById`를 호출하면 관련 HTML 컴포넌트(태그 설명을 표시하는 요소)가 아직 로드되지 않아 빈 요소만 반환됩니다.

---

_[View the full topic](https://meta.discourse.org/t/converting-a-dom-element-to-virtual-dom-in-widgets/238346)._