Web Component
[](https://texonom.com/6ed21a098ce64ad4b436adc49652ff2e) [HTML Import](https://texonom.com/html-import-cf19748e15bd4406bd59b18c001cda66) 


**재사용 가능한 커스텀 엘리먼트** 기술들의 모음
장기적으로 web component로 대체되더라도 프로젝트 진행은 프레임워크 써야 
Not a Web API
구글에서 주로 밀고있으며 준안만 나오면 가장 가볍고 보편적인 웹 프레임워크가 되었겠지만 브라우저 제작사들이 아직 표준안을 도출하지 못하고 있음
대신 논의 과정에서 나온 여러 개념들이 리액트, 앵귤러, 뷰 등의 웹 프레임워크
### Web Component Notion
|Title|
|:-:|
|[Web Component History](https://texonom.com/web-component-history-12fd2bbf161f429a92480a53c021eb41)|
|[Shadow DOM](https://texonom.com/shadow-dom-cd8b8e25cee7435685b9d2bd8eabbce1)|
|[customElements](https://texonom.com/customelements-4ee7c7ff6d5448f1b740374af9754581)|


### Web Component Usages
|Title|
|:-:|
|[Web Component Init](https://texonom.com/web-component-init-43f1fa32251942fdb953a528913d4482)|
|[Web Component Framework](https://texonom.com/web-component-framework-352a653982e04b028688f5aa7cd811c2)|


### relation with react
> [웹 컴포넌트 - React](https://ko.reactjs.org/docs/web-components.html)

### official methods
> [웹 컴포넌트](https://developer.mozilla.org/ko/docs/Web/Web_Components)





