AG Grid · Toast UI Grid · dhtmlx Grid

오랫동안 WinForms 기반으로 MES/WMS 업무 시스템을 개발.

​

제조업 대량 데이터 조회, 빠른 스크롤, 즉각적인 필터링과 입력 반응성까지 —

이런 요구사항에서는 늘 **“윈폼이 답”**이라고 생각했다.

​

웹은 편리하지만 느리고, 업무용 시스템에는 어울리지 않는다는 인식이 강했다.

그러나 최근 들어 웹 기반 관리자 화면과 멀티 디바이스(스마트폰) 대응이 필요해지면서, 윈폼만으로는 한계가 보이기 시작했다.

​

그렇다고 무작정 웹으로 전환할 수는 없었다. 기준은 분명했다.

이 질문에 답하기 위해 화려한 UI나 트렌드는 배제하고, 오직 업무용 그리드 관점에서만 웹 기술을 검토.

​

업무용 웹 시스템에서 어떤 그리드를 선택해야 할까?

​

웹 기반 ERP, WMS, 관리 시스템을 개발하다 보면 그리드(Grid) 선택이 전체 프로젝트의 생산성과 유지보수를 좌우한다.

대표적으로 자주 거론되는 그리드는 다음 세 가지다.

• AG Grid

• Toast UI Grid

• dhtmlx Grid (Free Version)

​

이 글에서는 문서·광고·벤치마크가 아닌, 실제 업무 시스템 개발 관점에서 이 세 가지를 비교해본다.

1. 각 그리드의 기본 성격

AG Grid

• 글로벌 엔터프라이즈 시장을 겨냥

• 금융, BI, 대시보드, 분석 화면에 강점

• 기능 최다, 구조 가장 복잡

Toast UI Grid

• NHN(네이버 계열)에서 개발

• ERP·관리자·업무 시스템에 초점

• 가볍고 단순한 구조

dhtmlx Grid (무료버전)

• 오래된 UI 라이브러리 계열

• 기능은 풍부하나, 무료버전 제약 명확

• 상용 사용 시 라이선스 주의 필요

2. 성능과 체감 (실제 사용 기준)

Toast UI Grid

• 가상 스크롤 안정적

• 10만 건 이상 데이터 로딩 및 필터링 테스트 문제 없음 (가상 스크롤링)

• 스크롤 시 “물결 현상” 없음

• 윈폼 그리드와 유사한 체감

AG Grid

• 성능 자체는 우수

• 다만 내부 기능과 상태 관리가 많아 체감상 무거운 느낌

• 단순 CRUD 화면에서는 오버스펙

dhtmlx Grid (무료)

• 기본 성능은 나쁘지 않음

• 대용량 데이터에서는 설정·튜닝 필요

• 최신 웹 환경 기준으로는 다소 구식 느낌

👉 단순 조회·입력 중심 업무 화면에서는 Toast UI가 가장 가볍게 느껴짐

3. 번들 크기와 구조 부담

업무 시스템에서는

“기능이 많은 것”보다 “문제 생겼을 때 추적이 쉬운 것”이 더 중요하다.

4. 라이선스와 비용 (중요)

Toast UI Grid

• MIT License

• 모든 기능 무료

• 상용 사용 제약 없음

AG Grid

• Community / Enterprise 분리

• 실무에서 필요한 고급 기능은 유료

• 개발자 기준 연 단위 비용 발생

dhtmlx Grid

• Free / Commercial 분리

• 무료버전은 기능 제한

• 상용 프로젝트에서는 라이선스 검토 필수

👉 SI·납품 프로젝트에서는

라이선스 리스크가 곧 사업 리스크다.

5. 학습 곡선과 개발 생산성

Toast UI Grid

• API 구조 단순

• 커스텀 렌더러 구현 쉬움

• 버튼

• 체크박스

• 프로그레스바

• 빠르게 프레임워크화 가능

AG Grid

• 설정과 옵션 매우 많음

• 모든 기능을 이해하기까지 시간이 필요

• 잘 쓰면 강력하지만, 유지보수 부담 큼

dhtmlx Grid

• 문서가 있으나 다소 구식

• JS 패턴이 최신 방식과 다름

• 신규 개발보다는 기존 시스템 유지보수 성격

한국 프로젝트 환경에서의 차이

Toast UI Grid는:

• 한국 개발사(NHN)

• 한국어 문서, 검색, 커뮤니티 접근성 우수

• 국내 SI·사내 시스템 환경과 잘 맞음

AG Grid / dhtmlx는:

• 글로벌 기준 문서 중심

• 국내 실무 맥락에서는 과하거나 번거로운 경우 존재

실제 프로젝트 관점에서의 결론

현재 구현된 프로젝트 기준으로 보면:

• Toast UI Grid로

• 대용량 데이터 처리 검증 완료

• 필터링·정렬·페이지네이션 구현

• 커스텀 렌더러 적용

• 성능 문제 없음

• 구조 안정화 완료

• AG Grid → 분석·BI·고급 데이터 조작 중심 시스템에 적합

• dhtmlx Grid → 기존 시스템 유지보수에는 가능, 신규 프로젝트에는 신중

• Toast UI Grid → ERP·WMS·관리 시스템에는 가장 합리적인 선택

​

​