# Show GN: TbsGrid - 웹그리드

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

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=16652](https://news.hada.io/topic?id=16652)
- GeekNews Markdown: [https://news.hada.io/topic/16652.md](https://news.hada.io/topic/16652.md)
- Type: show
- Author: [tobesimple7](https://news.hada.io/@tobesimple7)
- Published: 2024-09-07T23:17:29+09:00
- Updated: 2024-09-07T23:17:29+09:00
- Original source: [tobesimple.net](https://tobesimple.net)
- Points: 29
- Comments: 7

## Summary

이 기사는 TbsGrid라는 웹그리드의 개발 배경과 특징을 소개하며, 무료로 사용할 수 있는 고품질의 그리드를 제공하려는 개발자의 의도를 설명합니다. TbsGrid는 컬럼 이동, 멀티헤더, 편집 기능, 소팅, 필터링 등 다양한 기능을 지원하며, 특히 필터, 소팅, 그룹핑, 고정컬럼이 유기적으로 동작하는 것을 중요하게 생각합니다. 또한, 1인 개발로 인해 문서 작업과 디자인 요소가 부족할 수 있지만, 사용자 의견과 참여를 통해 지속적으로 개선해 나가고자 합니다.

## Topic Body

[개발배경]  
  
저는 예전부터 그리드 개발에 관심이 많았습니다.  
  
또한, 웹그리드를 개인 및 회사에서 무료로 이용하면 좋겠다는  
생각이 있었습니다.  
  
개인적인 바람은 어느 정도 품질을 가진 그리드를 만들고 싶었습니다.  
  
[사용한 기술]  
  
- Javascript(Pure)  
- CSS  
  
[특징]  
  
- 컬럼이동  
- 멀티헤더  
- 편집기능  
- 요약(Top, Footer) 컬럼  
- 그룹핑  
- 소팅  
- 필터링  
- 고정컬럼  
- 숫자포맷(국가별, 소수점포맷)  
- 다량의 데이타 지원  
- 크로스 브라우저 지원  
- 다국어 지원  
  
- 가장 중요하게 생각한 건, 필터, 소팅, 그룹핑, 고정컬럼이 유기적으로 동작하는 것입니다.  
  
[안내말씀]  
  
- TbsGrid Version은 1.0(베타) 입니다.  
  
- 1인 개발이다 보니, 문서작업이 부족하며, 개발자다 보니 디자인적 요소가 부족합니다.  
  
- 사용자 API, 이벤트, 트리 그리드, 페이징 처리 등 보완 사항이 있습니다.  
  
- 버그 혹은 추가 기능 개발을 위해서, 여러분의 의견과 참여가 필요합니다.  
  
- 그리드를 계속 개발하다 보니, 어느 정도 자신과 구력이 붙었습니다.  
계획이긴 하지만, 피봇 그리드를 지원하고 싶습니다.  
  
* 소스: https://github.com/tobesimple7/TbsGrid  
  
* 데모: https://tobesimple.net  
  
P.S.  
  
그리드 개발은 쉬운 작업은 아닌거 같습니다.  
프로그래밍 보다는 기준과 범위를 정해야 했고,  
사용자가 이용할 수 있도록 많은 속성에 대한 이름을 지어야 합니다.  
  
별거 아닌 기능에도 정성을 쏟아야 할 때도 있습니다.  
  
아직도 많은 부분 보완을 해야하지만, 포기하지 않고,   
GeekNews에 올리게 되서 참 다행스럽기도 합니다.  
  
감사합니다.

## Comments



### Comment 28749

- Author: eajrezz
- Created: 2024-09-09T19:57:19+09:00
- Points: 1

멋진 프로젝트입니다. 공유 감사합니다.

### Comment 28735

- Author: [hidden]
- Created: 2024-09-09T12:29:17+09:00
- Points: 1

[숨김 처리된 댓글입니다]

### Comment 28745

- Author: tobesimple7
- Created: 2024-09-09T15:12:13+09:00
- Points: 1
- Parent comment: 28735
- Depth: 1

일단 임시적으로 컨텐츠 화면을 좌우로 이동할 수 있도록 했습니다.  
추후 계획을 세워서 모바일 드래깅 관련 보완을 좀 할게요.  
감사합니다.

### Comment 28710

- Author: mangchy
- Created: 2024-09-09T07:52:09+09:00
- Points: 1

와 멋지네요.  
마침 그리드 검토중이었는데 써봐야겠네요

### Comment 28704

- Author: quack337
- Created: 2024-09-08T15:55:52+09:00
- Points: 1

오! 좋네요. 와우~

### Comment 28697

- Author: ragus
- Created: 2024-09-08T11:41:30+09:00
- Points: 1

Great job! I hope you continue developing the web grid library.

### Comment 28686

- Author: riki3
- Created: 2024-09-07T23:41:04+09:00
- Points: 3

다른 라이브러리 대비 강점이 무엇인지를 설명하는 비교 페이지가 있으면 좋을 것 같습니다.