웹 컴포넌트(1): Keep calm and usetheplatform
Source
Evernote/Inbox/웹 컴포넌트(1) Keep calm and UseThePlatform – KyuWoo Choi – Medium.md
Summary
이 문서는 Google I/O 2016에서 제시된 ‘#UseThePlatform’ 모토를 통해 웹 컴포넌트(Web Components)의 철학과 현황을 설명한다. 무거운 자바스크립트 프레임워크 대신 브라우저 표준 기능을 활용하여 성능을 높이고 종속성을 줄이자는 주장이다. 그러나 당시(2016년 기준) 웹 컴포넌트 표준(Custom Elements, Shadow DOM 등)의 브라우저 지원이 미비하고 Polyfill 성능 문제가 있어 실제 프로젝트 도입에는 아직 이르다고 판단한다. 대신 웹 컴포넌트가 기존 프레임워크(React, Angular 등)를 대체하기보다 보완하는 기술임을 강조하며, 표준이 완성될 때까지 기존 프레임워크를 사용하되 웹 컴포넌트 표준을 개별적으로 활용하는 유연한 접근을 제안한다.
Key Points
- usetheplatform 철학: 무거운 프레임워크 대신 브라우저가 제공하는 표준 기능을 사용하여 앱의 성능을 높이고 코드의 종속성을 줄여야 한다.
- 웹 컴포넌트의 역할: HTML, CSS, JS를 컴포넌트화하는 4가지 표준(Custom Elements, Shadow DOM, Template, HTML Imports)을 묶은 개념으로, 프레임워크를 가볍게 만드는 핵심 기술이다.
- 당시 도입 장벽: 2016년 기준 주요 브라우저의 표준 지원이 불완전하고, Polyfill 사용 시 성능 저하 문제가 있어 프로덕션 환경 도입에는 아직 준비되지 않았다.
- 기존 프레임워크와의 관계: 웹 컴포넌트는 React나 Angular를 대체하기 위한 것이 아니라, 이를 보완하고 함께 사용할 수 있는 웹 표준 기술이다.
- 실용적 조언: 웹 컴포넌트 표준이 완전히 안정화될 때까지는 기존에 익숙한 프레임워크를 사용하되, 가능한 부분부터 웹 표준 기술을 적용해 나가는 것이 좋다.