Shadow DOM을 활용한 외부 이력서 스타일 격리 구현

문제Jumpit·Comate 등 외부 플랫폼 이력서(HTML)를 서비스 내에 렌더링할 때 외부 CSS가 기존 페이지 스타일을 오염시키는 충돌 문제

접근Shadow DOM(attachShadow)으로 완전 격리된 DOM·CSS 공간 생성. DOMParser로 HTML 파싱 → 상대 경로 절대화 → 외부 스크립트 선로딩 → 파편화 삽입 → MutationObserver로 FOUC 방지 순으로 8단계 렌더링 파이프라인 구현

결과외부 플랫폼 이력서를 스타일 충돌 없이 안정적으로 렌더링. document→shadowRoot 참조 전환 필요, 폐쇄 모드 디버깅 난이도 등 한계도 명확히 정리