문서 앱 UI 키트 'Extend UI', 오픈소스로 공개!

by DD
1일 전
조회수 14

Extend UI는 PDF, DOCX, XLSX 뷰어 및 파일 업로드, 전자 서명 등 다양한 기능을 제공하는 오픈소스 UI 키트임

React 기반으로 개발되었으며, MIT 라이선스로 자유로운 커스터마이징이 가능함

대규모 문서 처리 시스템에서 검증된 안정성과 엣지 케이스(Edge Case) 해결 경험을 바탕으로 함

커뮤니티에서는 성능 최적화(Performance Optimization)웹 컴포넌트(Web Components) 지원 여부에 대한 논의가 있음

PDF/DOCX/XLSX 뷰어의 복잡성과 성능

개발팀은 대규모 문서 처리(Large-scale Document Processing)의 복잡성을 강조하며, 특히 PDF, DOCX, XLSX 뷰어 구현이 간단치 않다고 언급함. 수백만 페이지/일 규모의 자체 시스템 운영 경험을 통해 다양한 엣지 케이스(Edge Case)를 해결했으며, 이를 오픈소스로 공개하여 커뮤니티의 기여를 기대하고 있음. 이는 기존 라이브러리의 한계(Limitations of Existing Libraries)를 극복하려는 시도로 해석됨.

바운딩 박스(Bounding Box) 렌더링의 난제

댓글에서는 바운딩 박스(Bounding Box) 렌더링 시 발생하는 페이지 확대/축소(Page Zooming)해상도 차이(Different Resolutions) 문제 해결의 어려움이 논의됨. 특히 가상화(Virtualization) 기술 적용 여부가 성능에 중요할 것으로 예상되며, 이는 DOM 요소 재사용(Reusing DOM Elements)을 통해 스크롤 성능을 최적화하는 기법임. 해당 컴포넌트가 이를 지원하는지에 대한 추가 정보가 필요함.

성능 최적화 및 웹 컴포넌트(Web Components) 요구

일부 사용자는 스키마 빌더(Schema Builder) 예제에서 클릭 후 팝오버가 뜨는 데 1~2초가 소요되는 등 성능 저하(Performance Degradation)를 지적함. 이는 무거운 컴포넌트(Heavy Components)의 과도한 사용 때문일 수 있다고 추측함. 또한, 특정 프레임워크(React)에 국한되지 않고 웹 표준인 웹 컴포넌트(Web Components)로 제공되어야 한다는 의견이 제기됨. 이는 프레임워크 종속성(Framework Lock-in)을 줄이고 웹 생태계 전반의 호환성을 높이기 위함임.

기능적 요구사항 및 잠재적 이슈

사용자들은 DOCX 및 XLSX 미리보기(Preview) 기능에 대한 높은 만족도를 표하며, 기존의 PDF 변환 방식 대비 직접 렌더링(Direct Rendering)의 이점을 언급함. 다만, 엑셀 뷰어의 셀 내용 검색 기능(Cell Content Search)이 문서상 설명과 달리 작동하지 않는다는 이슈가 보고되었음. 또한, 모바일 사파리(Mobile Safari)에서의 로딩 실패(Loading Failure) 사례도 언급되어 안정성 확보가 필요함.

Show HN: Extend UI – open-source UI kit for modern document apps