# WebC - Single File Web Components

> Clean Markdown view of GeekNews topic #7653. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=7653](https://news.hada.io/topic?id=7653)
- GeekNews Markdown: [https://news.hada.io/topic/7653.md](https://news.hada.io/topic/7653.md)
- Type: news
- Author: [xguru](https://news.hada.io/@xguru)
- Published: 2022-10-24T10:36:02+09:00
- Updated: 2022-10-24T10:36:02+09:00
- Original source: [github.com/11ty](https://github.com/11ty/webc)
- Points: 14
- Comments: 0

## Topic Body

- 웹 컴포넌트의 마크업을 생성하기 위한 프레임워크 독립적인 스탠드얼론 HTML 시리얼라이저  
  - 컴포넌트 레벨의 CSS와 JS를 취합하여 하나의 HTML 파일로 생성  
  - 서버사이드 렌더링과 호환가능한 웹컴포넌트 생성 가능   
- 정적 사이트 생성기인 Eleventy 가 만든 도구   
- Progressive-enhancement, Streaming, Shadow DOM, Async 등에 친화적

## Comments



_No public comments on this page._