Shadow DOM을 스타일링 하는 8가지 방법

오늘 소개해드릴 글은 라인플러스의 김찬희님이 번역해주신 글입니다.


웹 컴포넌트의 Shadow DOM은 외부의 DOM과 격리되어 있어 조금 다른 방식으로 스타일을 적용해야 하는데요. 이 글에서는 웹 컴포넌트의 외부/내부에서 Shadow DOM을 스타일링 하는 8가지 방법을 소개합니다. 웹 컴포넌트를 처음 스타일링 하게 되었을 때 어떤 방식을 사용해야 할지 고민을 꽤 했었는데, 이 글이 도움이 되었기에 추천 드리고 싶었습니다.


웹 컴포넌트를 사용하고 계시다면, 이 글의 다양한 방법들을 살펴보며 현재 진행하고 계신 프로젝트의 구조, 협업 방식 등의 환경을 고려해 가장 적합한 방식을 찾아보시는 것은 어떨까요?


> 글 링크 : https://velog.io/@superlipbalm/8-ways-to-style-the-shadow-dom

(번역) Shadow DOM을 스타일링 하는 8가지 방법

velog.io

(번역) Shadow DOM을 스타일링 하는 8가지 방법

더 많은 콘텐츠를 보고 싶다면?

또는

이미 회원이신가요?

2024년 8월 5일 오전 12:37

 • 

저장 22조회 3,393

댓글 0

    함께 읽은 게시물

    《친구의 취향》

    ... 더 보기

    길은 잃은 이력서

    

    ... 더 보기

     • 

    저장 5 • 조회 698


    📺'뤼튼'의 이상한 광고, 만든 사람에게 직접 의도를 들어봤습니다

    ... 더 보기

    “이래도 되나?” – 뤼튼의 이상한 광고 만들기 – 제일 매거진

    magazine.cheil.com

    “이래도 되나?” – 뤼튼의 이상한 광고 만들기 – 제일 매거진

    ⟪토스가 만든 리서치툴, TNS⟫

    ... 더 보기

    토스가 특허 낸 리서치툴, TNS (Toss Navigation Score) 제작기

    toss.tech

    토스가 특허 낸 리서치툴, TNS (Toss Navigation Score) 제작기

     • 

    저장 3 • 조회 754


    < 왜 어떤 제품에만 '열광적인 팬'이 생길까요? >

    1

    ... 더 보기

    AI에게 코딩을 잘 시키려면 아주 정확하게 스펙을 줘야하는데(앞으로도 그럴 것), 스펙을 작성하는 것 보다 내가 코드를 쓰고 그걸로 스펙을 작성하라고 하는게 더 빠른게 문제..🫠

    조회 1,319