Handsontable

Handsontable은 웹 기반의 스프레드시트 편집기로, Excel과 유사한 사용자 경험을 제공합니다. HTML, JavaScript, CSS를 기반으로 구현되어 있으며, 다양한 기능을 포함하여 데이터 입력, 편집, 시각화, 분석 등을 할 수 있습니다.

도입 이유

1. 스프레드시트 기능
   Handsontable은 Excel과 유사한 방식으로 데이터를 입력하고 편집할 수 있습니다. 필터링, 정렬, 자식 구조 등의 기능을 지원하여 데이터의 가시성과 트리 구조에 대한 설명이 용이합니다.

2. 다양한 데이터 포맷 지원
   Handsontable은 다양한 데이터 포맷을 지원합니다. 텍스트, 숫자, 날짜, 이미지 등 다양한 데이터 유형을 셀에 쉽게 통합할 수 있습니다.

3. 커스터마이징
   Handsontable을 사용하여 자신의 웹 애플리케이션에 맞게 커스터마이징할 수 있습니다. 테마, 셀 스타일, 이벤트 핸들링 등을 자유롭게 조정할 수 있어 사용자 정의가 용이합니다.

구성

PPM ERP Solution에서는 Handsontable을 일정 페이지에서 사용합니다.
이 페이지에서는 Handsontable의 다음 기능들을 활용하여 일정 정보를 효과적으로 표현합니다.

1. _children 속성을 이용하여 부모-자식 일정을 구조적으로 표현하였습니다. 이를 통해 제공되는 확장/축소 버튼으로 사용자가 부모 일정만 볼 수 있도록 가시성을 높였습니다.
2. renderer를 활용하여 일정에 필요한 버튼 기능을 구현하였고, 각 데이터의 특성에 맞게 가시성을 높여 정보를 명확하게 표현하였습니다.
3. filter 기능을 활용하여 데이터 값을 기준으로 정렬하거나 선택된 항목만을 표시할 수 있도록 구현하였습니다.