용어 정의
- 컴포넌트 : 프로그래밍에 있어 재사용이 가능한 각각의 독립된 모듈.
- 컴포넌트 기반 프로그래밍 : 레고 블록처럼 이미 만들어진 컴포넌트들을 조합하여 화면을 구성.
- 웹 컴포넌트 : 컴포넌트 기반 프로그래밍을 웹에서도 적용할 수 있도록 W3C에서 새로이 정한 규격.
웹 컴포넌트 규격
- Shadow DOM : DOM과 스타일을 캡슐화하여 메인으로부터 독립적으로 스크립트와 스타일을 처리할 수 있도록 한다.
- Custom Elements : HTML에 새로운 HTML/DOM 요소를 정의할 수 있는 JavaScript API.
- HTML Templates : 문서가 처음 로드될 때는 비활성화된 상태지만, JavaScript를 사용하는 런타임에 나타나는
HTML 조각.
- ES Modules : 이전 규격이었던 HTML Import를 대체하여 나온 규격이며, JavaScript로 구현하는 모듈 시스템.
출처 : swimjiy.github.io/2019-05-17-js-web-component
[Web] 웹 컴포넌트란
보고, 듣고, 개발한 내용을 기록한 공간입니다.
swimjiy.github.io
반응형