# Show GN: Composify - React 오픈소스 비주얼 에디터 & SDUI 라이브러리

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

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=25237](https://news.hada.io/topic?id=25237)
- GeekNews Markdown: [https://news.hada.io/topic/25237.md](https://news.hada.io/topic/25237.md)
- Type: show
- Author: [injung](https://news.hada.io/@injung)
- Published: 2025-12-22T08:53:00+09:00
- Updated: 2025-12-22T08:53:00+09:00
- Original source: [github.com/composify-js](https://github.com/composify-js/composify)
- Points: 28
- Comments: 8

## Summary

**Composify**는 기존 React 컴포넌트를 그대로 연결해 사용할 수 있는 오픈소스 비주얼 에디터이자 SDUI 라이브러리입니다. 반복적으로 쓰이는 프로모션·제품 소개용 컴포넌트를 등록해 두면, 비개발자도 Drag & Drop 방식으로 페이지를 구성하고 실시간으로 수정할 수 있습니다. 별도의 스키마 정의나 코드 변경 없이 기존 컴포넌트를 활용할 수 있어, 개발 리소스를 최소화한 콘텐츠 제작 환경을 제공합니다.

## Topic Body

지난 회사에서 내부적으로 사용하던 React 기반 비주얼 에디터를 정리해 오픈소스로 공개했습니다. 프로모션 페이지, 제품 소개, 블로그 등에서 반복적으로 쓰이는 컴포넌트들을 미리 등록해 두면, 페이지 구성과 수정 작업을 비개발자가 직접 수행할 수 있도록 돕는 도구입니다.  
  
제가 재직하던 회사에서는 실제로 전체 트래픽의 절반 이상을 이 에디터로 만든 페이지가 처리했습니다. 마케팅, 프로덕트, 콘텐츠 팀이 엔지니어의 도움 없이도 빠르게 페이지를 만들고 배포할 수 있었습니다.  
  
동작 방식은 Puck이나 Builder.io와 유사합니다. 미리 만들어 둔 React 컴포넌트를 등록하고, 각 prop을 어떤 형태로 입력받을지 설정하면 Drag & Drop 에디터에서 바로 사용할 수 있습니다. 페이지 콘텐츠는 원격 서버에 저장되어, 배포 없이도 실시간으로 페이지를 업데이트할 수 있습니다.  
  
가장 큰 차이점은 기존 컴포넌트를 수정하지 않아도 바로 사용할 수 있다는 점입니다. 별도의 스키마를 새로 정의하거나 컴포넌트 구조를 바꿀 필요 없이, 이미 사용 중인 컴포넌트를 그대로 에디터에 연결할 수 있도록 설계했습니다.  
  
- 자세한 소개는 홈페이지에서 확인하실 수 있습니다: https://composify.js.org  
- 데모도 준비되어 있습니다: https://composify.js.org/demo

## Comments



### Comment 51382

- Author: roxie
- Created: 2026-02-19T11:29:32+09:00
- Points: 1

당장 쓰임이 없지만 즐겨찾기에 저장해두고 나중에 다시 올게요 ㅎㅎ

### Comment 48141

- Author: boyami
- Created: 2025-12-22T19:20:47+09:00
- Points: 1

만듬새가 좋은 것 같습니다

### Comment 48144

- Author: injung
- Created: 2025-12-22T19:51:14+09:00
- Points: 1
- Parent comment: 48141
- Depth: 1

감사합니다 ㅎㅎ

### Comment 48119

- Author: bichi
- Created: 2025-12-22T13:20:14+09:00
- Points: 1

이걸 만들수 있도록 회사에서 결정 했다는 것이 부럽네요

### Comment 48130

- Author: injung
- Created: 2025-12-22T15:33:24+09:00
- Points: 1
- Parent comment: 48119
- Depth: 1

회사에서 엔지니어링에 꾸준히 투자하니 바텀업으로 좋은 솔루션이 나올 수 있었던 것 같습니다 ㅎㅎ

### Comment 48169

- Author: bichi
- Created: 2025-12-23T09:58:01+09:00
- Points: 1
- Parent comment: 48130
- Depth: 2

진짜 너무 부럽네요

### Comment 48118

- Author: click
- Created: 2025-12-22T13:05:17+09:00
- Points: 1

마침 비슷한 솔루션을 찾고있었는데 한번 사용해보겠습니다

### Comment 48131

- Author: injung
- Created: 2025-12-22T15:33:49+09:00
- Points: 1
- Parent comment: 48118
- Depth: 1

감사합니다! 사용해보시고 편하게 피드백도 부탁드려요 :)