Moait
홈인기 피드모든 블로그모든 태그
홈인기 피드모든 블로그모든 태그
웹 컴포넌트(3) - 쉐도우 돔(#Shadow DOM) 섬네일

웹 컴포넌트(3) - 쉐도우 돔(#Shadow DOM)

TOAST UI faviconTOAST UI·Frontend·
Web ComponentsShadow DOMCustom Elements
2017년 07월 21일0

AI 요약

이 글은 AI가 요약했어요. 정확한 내용은 꼭 원문을 확인해 주세요!

핵심 요약

TOAST UI가 웹 컴포넌트 연재 시리즈의 3번째 글로 Shadow DOM를 소개합니다. 핵심은 쉐도우 돔의 API 중 element.attachShadow() 하나를 배우는 데 초점을 맞춰, 복잡한 API 학습 없이 가벼운 시작을 권하는 점입니다.

주요 특징

  • 웹 컴포넌트의 Shadow DOM을 소개하고, attachShadow() 사용법을 중심으로 설명
  • 단일 API를 중심으로 구현 흐름을 제시
  • 연재 글의 흐름에 맞춰 독자의 학습 부담을 낮추는 구성

적용 고려사항

  • attachShadow() 중심으로 다루므로 향후 확장 API 학습은 별도 글에서 다루어진다고 받아들여야 함
  • 초보자도 쉽게 시작할 수 있도록 간결하고 명확한 설명 위주로 구성

연관 피드

%가 높을수록 이 글과 비슷할 가능성이 높아요!
웹 컴포넌트(5) - lit-html로 React 처럼 코딩하기 섬네일
77%

웹 컴포넌트(5) - lit-html로 React 처럼 코딩하기

TOAST UI faviconTOAST UI·2017년 12월 15일
웹 컴포넌트(4) - Template Element & HTML Imports 섬네일
74%

웹 컴포넌트(4) - Template Element & HTML Imports

TOAST UI faviconTOAST UI·2017년 09월 01일
웹 컴포넌트(2) - 커스텀 엘리먼트 섬네일
73%

웹 컴포넌트(2) - 커스텀 엘리먼트

TOAST UI faviconTOAST UI·2017년 06월 09일