SAPUI5 애플리케이션을 개발하다 보면 외부 HTML 페이지를 JavaScript 뷰(JS View) 안에 불러와야 하는 경우가 종종 있습니다. 이럴 때 가장 널리 사용되는 방법은 해당 HTML 페이지를 iframe으로 삽입하는 것입니다.
iframe을 이용한 HTML 페이지 삽입
sap.ui.core.HTML 컨트롤의 content 속성에 iframe 태그를 직접 작성하면, 원하는 위치에 외부 페이지를 손쉽게 표시할 수 있습니다. 아래는 그 예시 코드입니다.
new sap.ui.core.HTML({
preferDOM: true,
content: "<iframe src='https://www.yourdomain.com'></iframe>"
});preferDOM 옵션의 역할
위 예제에서 preferDOM: true 옵션은 문자열 형태의 콘텐츠를 DOM 요소로 변환하여 처리하도록 지정합니다. 이렇게 하면 iframe과 같은 복잡한 마크업도 안정적으로 렌더링됩니다.
AJAX를 활용한 대체 방법
iframe 방식 외에도 AJAX 호출을 통해 HTML 콘텐츠를 가져온 후 sap.ui.core.HTML 컨트롤로 화면에 표시하는 방법도 가능합니다. 다만 이 방식은 대상 HTML 페이지의 구조나 스크립트 의존성에 따라 동작 여부가 달라질 수 있으므로, 페이지 특성에 맞게 적절한 방법을 선택하는 것이 좋습니다.