# Brisa - 웹 플랫폼 프레임워크 > Clean Markdown view of GeekNews topic #18842. Use the original source for factual precision when an external source URL is present. ## Metadata - GeekNews HTML: [https://news.hada.io/topic?id=18842](https://news.hada.io/topic?id=18842) - GeekNews Markdown: [https://news.hada.io/topic/18842.md](https://news.hada.io/topic/18842.md) - Type: news - Author: [xguru](https://news.hada.io/@xguru) - Published: 2025-01-22T09:46:01+09:00 - Updated: 2025-01-22T09:46:01+09:00 - Original source: [brisa.build](https://brisa.build/) - Points: 16 - Comments: 0 ## Summary Brisa는 다양한 프레임워크의 장점을 결합하여 빠르고 간단하게 웹 애플리케이션을 개발하는 것을 목표로 하며, JSX, TypeScript, 서버/웹 컴포넌트 등을 지원합니다. 이 플랫폼은 서버와 클라이언트를 웹 플랫폼으로 통합하여 서버에서 직접 브라우저 이벤트를 처리하고, HTTP를 통한 하이퍼미디어 스트리밍으로 클라이언트에 즉각적인 DOM 변경을 반영합니다. 또한, Brisa는 서버 작업을 최소화하면서도 웹 네이티브 기능을 통합하여 클라이언트 사이드 부담을 줄이고, 웹 표준 기술을 활용하여 확장 가능한 앱을 구축할 수 있도록 지원합니다. ## Topic Body - 각종 프레임워크의 좋은 부분을 가져와서 빠르고 간단하게 웹 앱을 만드는게 목표 - JSX, TypeScript, 서버/웹 컴포넌트, Server Actions, SSR, 스트리밍, Suspense, Signals, 웹소켓, 미들웨어, 레이아웃,.. - 매우 작음: 기본으로 0바이트(동적 서버렌더링 되는 JSX 컴포넌트로 기본적으로는 브라우저에 보내는 자바스크립트 없음) - 서버액션 사용시 2kb, 웹 컴포넌트 사용시 3kb - 풀 i18n 지원 - Tauri와 연동되어 간단한 설정 변경으로 안드로이드, iOS, 데스크톱 용 앱 가능 ### Web Platform Framework의 의미 - 서버와 클라이언트를 웹 플랫폼(Web Platform)으로 통합하려는 개념임 - 서버에서 브라우저 이벤트(폼 전송, 클릭, Web Component 이벤트 등)를 직접 수신해 처리할 수 있게 하는 구조 - HTTP를 통한 하이퍼미디어 스트리밍을 통해 탐색이나 서버 액션 요청 시, DOM 변경이 전송되어 클라이언트에서 즉각 반영됨 - 웹의 고유 기능을 클라이언트와 서버 간에 원활히 사용하도록 돕는 플랫폼으로 설명 가능 - Web Components와의 관계 - Declarative Shadow DOM과 시그널(signals)을 통해 Web Components를 쉽게 사용 가능함 - DOM 속성 업데이트, 시그널 반응 방식을 통해 클라이언트와 서버가 긴밀히 상호작용함 - 꼭 Web Components를 사용하지 않아도 전통적 MPA와 유사한 방식으로 동작 가능함 - 그러나 사용자 인터랙션이 클라이언트에서만 처리될 필요가 있을 때 Web Components로 대응할 수 있음 - Brisa의 철학과 목표 - 서버에서의 작업을 최소화하면서도, 필요한 경우 Web Components 같은 웹 네이티브 기능을 통합해 사용할 수 있도록 돕는 것을 지향함 - 클라이언트 사이드 부담을 줄이고, 서버와 브라우저가 긴밀히 결합된 확장 가능한 앱을 구축하도록 안내함 - 빠른 성능과 생산성을 위해 웹 표준 기술 활용을 중시하며, 개발자가 어떤 스택을 쓰든 간에 Brisa로 고급 인터랙티브 기능을 만들 수 있도록 돕는 비전을 갖춤 ## Comments _No public comments on this page._