이전에 redash를 이용하여 업체의 data-visualization을 이용하였습니다.
하지만 redash에서 SaaS를 종료하고 고객이 직접 설치해서 사용하는 stand alone으로 정책을 바꿨습니다.
https://redash.io/help/faq/eol
Hosted Redash End of Life
redash.io
따라서 고객의 웹 어플리케이션을 구축하고 data-visualization을 구축하고자 할때 별도의 서버가 필요하였습니다.
물론 aws,gcp,docker등 여러가지를 지원을 잘해주고 있지만 서버비용이 추가로 발생하는 점이 고객을 설득하여 설치하도록 하기가 어려웠습니다.
redash의 대체품을 검색하다가 이전에 잠깐 살펴봤던 retool을 사용하기로 하였습니다.
Build internal tools, remarkably fast.
Retool is the fast way to build internal tools. Drag-and-drop our building blocks and connect them to your databases and APIs to build your own tools, instantly. Connects with Postgres, REST APIs, GraphQL, Firebase, Google Sheets, and more. Built by develo
retool.com
먼저 고객에게 납품되어 실제 사용되지고있는 스샷을 확인하겠습니다.
실데이타는 아니고 스테이징서버의 데이타입니다.
기본적으로 필요한 차트 및 aggregate데이타등을 지원합니다.
달력도 쿼리만 만들면 바인딩이 정말 쉽게 반영되었습니다.
회원가입부터 대쉬보드를 만들어서 고객서버에 반영하는 방법까지 진행해보겠습니다.
1.회원가입
기본적으로 위와 같은 샘플 데이타가 있을겁니다.
하나씩 들어가서 확인을 해봐도 됩니다.
2.데이타소스 만들기
지원하는 리소스가 상당히 많습니다.
일단 mysql로 리소스를 추가해보겠습니다.
mysql이 정상적으로 적용이 되었다면 리소스에 값이 나올것입니다.
3.app 만들기
앱을 생성하고 나면 아래와 같은 대쉬보드 화면이 나옵니다.
이제 하나씩 query를 생성하여 실데이타를 붙여보겠습니다.
4.query 생성하기
resource query를 선택하여 쿼리창을 나오게 합니다.
가장 간단한 날짜별 사용자 가입 데이타를 만들어보겟습니다.
여러개 리소스에서 데이타를 추출할수 있기 때문에 리소스를 쿼리마다 선택을 할수 있습니다.
select date_format(created_at,'%Y-%m-%d') as created_at,count(*) as cnt
from
users
group by date_format(created_at,'%Y-%m-%d')
order by date_format(created_at,'%Y-%m-%d') desc
회원가입일별 사용자 카운트를 가져오는 쿼리 입니다.
5.data visualization
쿼리창에서 우측의 메뉴에서 차트를 선택하여 메인 창에 드래그를 합니다.
차트가 반영된것을 볼수 있습니다.
옵션을 이용하여 값을 조절하면 됩니다.
차트의 종류는 아직은 4가지 밖에 없지만 앞으로 추가될것으로 예상됩니다.
6.꾸미기
위의 차트 만들기 방법으로 여러가지 데이타를 꾸며 주면 됩니다.
데이타 바인딩은 {{}}을 이용하여 데이타에 접근할수 있습니다.
retool은 간단하게 데이타를 이용하여 data visualization을 할수 있는 매우 좋은 도구입니다.
redash라는 오픈 소스가 있으나 retool이 훨씬더 좋아 보이네요.
민트소프트는 모바일 앱 개발 전문회사입니다. 하이브리드앱,크로스플랫폼,네이티브영역 전반에 걸친 모바일 앱을 개발하고 있습니다.
하이브리드는 민트앱이라는 솔루션을 보유하고 있어서 Time To Market에 매우 유리합니다.
언제는 찾아주시면 신속하고 빠른 상담을 진행하도록 하겠습니다.
'개발툴' 카테고리의 다른 글
SSH & SSH config (0) | 2023.01.28 |
---|---|
inspector.dev 소개 (0) | 2023.01.24 |
Github에서 Bitbucket Import (0) | 2022.06.19 |
vultr vs digitalocean (0) | 2022.06.16 |
리대쉬 (0) | 2022.06.15 |