# docview - TypeScript/React/Vue 창 레이아웃 관리자 (탭, 플로팅, 팝아웃)

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

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=18696](https://news.hada.io/topic?id=18696)
- GeekNews Markdown: [https://news.hada.io/topic/18696.md](https://news.hada.io/topic/18696.md)
- Type: GN+
- Author: [neo](https://news.hada.io/@neo)
- Published: 2025-01-12T10:33:08+09:00
- Updated: 2025-01-12T10:33:08+09:00
- Original source: [github.com/mathuo](https://github.com/mathuo/dockview)
- Points: 5
- Comments: 1

## Summary

이 레이아웃 관리자는 탭, 그룹, 그리드 및 분할 뷰를 지원하며, React, Vue, Vanilla TypeScript와 호환됩니다. 직렬화/역직렬화 기능을 통해 전체 레이아웃 관리를 가능하게 하고, 테마 설정 및 사용자 정의가 가능합니다. 또한, 팝아웃 윈도우와 플로팅 그룹 기능을 제공하며, 실시간 예제가 포함된 문서화된 웹사이트와 높은 테스트 커버리지를 갖추고 있습니다.

## Topic Body

- 탭, 그룹, 그리드 및 분할 뷰를 지원하는 의존성 없는 레이아웃 관리자  
- React, Vue, Vanilla TypeScript를 지원함  
- 전체 레이아웃 관리가 가능한 직렬화/역직렬화 기능 제공  
- 분할 뷰, 그리드 뷰 및 '도킹 가능한' 뷰 지원  
- 테마 설정 및 사용자 정의 가능  
- 탭 및 그룹 도킹 / 드래그 앤 드롭 기능  
- 팝아웃 윈도우 지원  
- 플로팅 그룹 기능  
- 광범위한 API 제공  
- Shadow DOM 지원  
- 높은 테스트 커버리지  
- 실시간 예제가 포함된 문서화된 웹사이트 제공  
- 투명한 빌드 및 코드 분석  
- GitHub Actions를 통한 검증된 게시 및 빌드로 보안 강화

## Comments



### Comment 33296

- Author: neo
- Created: 2025-01-12T10:33:09+09:00
- Points: 1

###### [Hacker News 의견](https://news.ycombinator.com/item?id=42666492) 
- TS의 첫인상이 매우 좋으며, AI 앱을 구축하기 위해 이러한 기본 도구가 더 많이 필요할 것이라는 의견이 있음
  - 컴포넌트의 mount/unmount가 display:none보다 비용이 더 많이 들 수 있다는 기술적 고민이 있음
  - 패널의 선언적 구조에 대해 Vite 플러그인을 통해 TS 레이아웃을 내보내는 계획이 있는지 궁금해함
- 개인 프로젝트에서 비슷한 작업을 하고 있었는데, 이를 발견하게 되어 기쁨
- Dockview가 뛰어난 프로젝트이며, 여러 라이브러리를 테스트한 결과 상위에 속한다고 평가함
  - FlexLayout을 선택한 이유는 사전 정의된 크기 지원 부족 때문이었으나, 이후 개선되었음
  - 다음 프로젝트에서 Dockview를 사용할 계획임
- SolidJS 지원이 추가되면 좋겠다는 의견이 있으며, React와 Solid 간의 선호도가 없다고 함
- 데모에 비디오, 드롭다운, 대량의 텍스트 등을 포함하여 처리 방법을 보여주면 좋겠다는 의견이 있음
  - 창 크롬 없이 패널만 있는 버전이 있는지 궁금해함
- Golden Layout과의 비교 및 영감을 받았는지에 대한 질문이 있음
  - 과거에 Golden Layout을 즐겼으나 지원이 중단되어 아쉬움을 표현함
- Rust로 작성된 타일링 윈도우 매니저를 유지보수하고 있으며, JS/TS로 작업하는 인내심에 경의를 표함
- HTML 외의 일반 데스크톱 컨트롤을 위한 zero-dep 바닐라 라이브러리에 대한 정보가 있는지 궁금해함
- Mosaic을 재구축할 때가 되었다고 언급함
- iPad에서 데모가 작동하지 않아 모바일 지원이 완전하지 않다고 추측하며, 개인 대시보드와 llama.cpp 채팅 정리에 사용하고 싶다고 함
