# Show GN: React용 노드 기반 그래프 컴포넌트

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

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=23025](https://news.hada.io/topic?id=23025)
- GeekNews Markdown: [https://news.hada.io/topic/23025.md](https://news.hada.io/topic/23025.md)
- Type: show
- Author: [kennycha](https://news.hada.io/@kennycha)
- Published: 2025-09-11T21:10:17+09:00
- Updated: 2025-09-11T21:10:17+09:00
- Original source: [npmjs.com](https://www.npmjs.com/package/@kennycha/react-graph-tree)
- Points: 2
- Comments: 2

## Topic Body

- React 용 노드 기반 그래프 컴포넌트를 개발했습니다.  
- 아래 기능들을 포함합니다.  
  1. 노드 CRUD  
  2. 노드 인터랙션(이동 및 연결)  
  3. 전체/노드 우클릭 메뉴  
  4. pan & zoom  
- React의 useState와 연동해서 쉽게 사용할 수 있습니다.  
  - [예시 링크](https://kennycha.github.io/react-graph-tree-sample/)  
- [깃허브 링크](https://github.com/kennycha/react-graph-tree)

## Comments



### Comment 43751

- Author: cnaa97
- Created: 2025-09-13T03:48:36+09:00
- Points: 1

좋네요^^ 어떤 의도에서 제작하게 되셨는지 궁금하네요

### Comment 43856

- Author: kennycha
- Created: 2025-09-15T11:45:59+09:00
- Points: 1
- Parent comment: 43751
- Depth: 1

Vision AI 분석 설정을 고도화 할 수 있는 노드기반 에디터 샘플을 만들다가, 비슷한 수요가 있을 것 같아서 추상화해서 라이브러리로 만들었습니다!