Web Component on redgoose note

Web Component

Nest: Development Category: html/css 2021-07-15

HTML 엘리먼트를 기능성을 추가하여 커스터마이즈한 엘리먼트를 이용하여 기능성을 추가할 수 있다.

개요에 관한 참고링크

react나 vue의 컴포넌트와 비슷한 형태를 가지고 있다.
Shadow DOM 을 이용하여 구조변화에 대한 유연한 대처를 기대할 수 있을것이다.

앞으로 이러한 형태의 엘리먼트가 개발되고 배포되면 퓨어 자바스크립트나 html 영역에 좀더 친숙하게 다가가지 않을까 예상되고, Web Component로 배포하고 사용하면 좋을거라고 생각도 든다.