# WebJSX - JSX와 웹 컴포넌트 기반 초경량 웹 프레임워크

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

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=19982](https://news.hada.io/topic?id=19982)
- GeekNews Markdown: [https://news.hada.io/topic/19982.md](https://news.hada.io/topic/19982.md)
- Type: news
- Author: [xguru](https://news.hada.io/@xguru)
- Published: 2025-03-27T09:46:01+09:00
- Updated: 2025-03-27T09:46:01+09:00
- Original source: [github.com/webjsx](https://github.com/webjsx/webjsx)
- Points: 9
- Comments: 0

## Summary

WebJSX는 JSX와 웹 컴포넌트를 기반으로 하여 두 개의 핵심 함수인 `createElement`와 `applyDiff`를 통해 가상 DOM을 생성하고 실제 DOM에 효율적으로 반영하는 초경량 웹 프레임워크입니다. 이 프레임워크는 완전한 JSX 지원과 웹 컴포넌트와의 자연스러운 통합을 제공하며, HTML 표준 이벤트 속성을 이용한 간단한 이벤트 처리와 렌더링 일시 중지/재개 기능을 지원합니다. 또한, 번들링 없이 모던 브라우저에서 직접 모듈을 사용할 수 있고, 간결한 라우팅 라이브러리인 webjsx-router를 제공합니다.

## Topic Body

- JSX와 Web Components 기반, 두 개의 핵심 함수만으로 가상 DOM을 다루고 실 DOM에 반영 가능한 매우 단순한 아키텍처  
  - `createElement`: JSX로 작성된 가상 DOM 생성  
  - `applyDiff`: 가상 DOM과 실제 DOM을 비교하여 효율적으로 변경 사항 반영  
- 완전한 JSX 지원  
- Web Component와의 자연스러운 통합  
- HTML 표준 이벤트 속성을 이용한 간단한 이벤트 처리  
- Fragment (`<>...</>`) 사용 가능  
- 렌더링 일시 중지/재개 기능 : `webjsx_suspendRendering` , `webjsx_resumeRendering`  
- 번들링이 꼭 필요하지는 않음 – 모던 브라우저에서 직접 모듈 사용 가능  
- 간결한 라우팅 라이브러리(webjsx-router) 제공

## Comments



_No public comments on this page._