# dashboard

[Flutter] Firebase Events / GA(Google Analytics) 사용해 보기
Firebase Events / GA(Google Analytics) 사용해 보기 Firebase Events Documentation firebase_core | Flutter Package firebase_analytics | Flutter Package Fi

Prometheus 기반의 Real-time 시스템 모니터링
저는 지난 2021년 여름부터 Prometheus를 사용해 모니터링 시스템을 구성하고 사용 중입니다. 이번 글에서는 Prometheus를 이용한 모니터링에 대한 간단한 소개와 활용 예시를 보여드리려 합니다.모니터링과 로그, 메트릭 분석, 검색 시스템으로는 유명한 ELK

S3 버킷의 파일을 다운로드 할 수 있는 Dashboard 만들기
S3 버킷의 pre-signed url을 활용하여 객체를 다운로드할 수 있는 Dashboard를 만들자

Retool Dashboard 101 - (6) ETC
✔︎ 쿼리 - 캐시 설정하기쿼리마다 캐시를 설정할 수 있습니다.리툴앱을 최적화하기 위해서 필요합니다. 화면 기록 2023-01-30 오후 12.03.22.mov 캐시 관련 설명✔︎ 툴팁마크다운을 이용하여 입력할 수 있습니다. 화면 기록 2

Retool Dashboard 101 - (5) Container
✔︎ Tabbed Container가장 편리하게 사용할 수 있는 컨테이너입니다.탭을 새로 추가, 삭제하고 탭의 이름을 변경할 수 있습니다.우측 설정에서 Transition을 설정하여 뷰가 넘어갈 때 예쁘게 넘어가도록 설정할 수 있습니다. 화면 기록 2023

Retool Dashboard 101 - (4) Chart
다음 테이블을 이용하여 차트를 그려봅시다.스크린샷 2023-01-30 오전 9.40.38.png✔︎ Bar chart(Line chart도 거의 동일)Group by를 이용하여 막대별 색상을 지정할 수 있습니다.Group by 이후 Stack group

Retool Dashboard 101 - (3) Table
다음과 같이 태블릿 종류, 학교급별 구매자 수가 있는 테이블을 꾸며봅시다.✔︎ 보여줄 것과 보여주지 말 것Columns에서 보기 표시를 클릭하여 노출여부를 조절할 수 있습니다.✔︎ 새로운 컬럼 만들기약간의 자바스크립트 문법을 사용하여 새로운 컬럼을 만들 수 있습니다.q

Retool Dashboard 101 - (2) Design
다음과 같이 색상을 입히고 이미지를 추가해봅시다. ✔︎ 색상 입히기헤더, 메인, 사이드바 별로 컬러를 다르게 지정할 수 있습니다.red, blue와 같이 색상을 입력해도 되고, \` ✔︎ Markdown여러 컴포넌트의 텍스트를 입력하는 곳에 다음과 같이 M↓와 같은

Retool Dashboard 101 - (1) Intro
사내에 Retool을 이용하여 대시보드를 만드시는 분들이 많아짐에 따라 교육목적으로 제작한 자료입니다.SQL만 알지만 대시보드는 만들고 싶은 분께 도움이 될 수 있는 글입니다.만약 태블로나 다른 툴을 사용하고 계시다면 Retool도 한 번 사용해보시면 좋을 것 같습니다

[ELK stack] Kibana image in dashboard
첫번째로는 table에서 이미지를 확인하는 방법입니다.제품의 이미지를 대시보드 속 table에 띄워야합니다. 그럴 땐 단순히 적재해놓은 데이터들을 보는 data-view에 들어가서 해당 image 데이터의 연필을 눌러 데이터 타입을 변경해주면 됩니다.물론 사이즈도 조절
plotly js
plotly js란, 데이터를 dashboard를 통해 시각화 시켜주는 도구이다. (plotly js는 자바스크립트 안에서 사용된다.)회사에서 프로젝트에서 dashboard 구현을 담당하였다. 개발자로서 첫 회사에 입사하였고, 프로젝트 경험도 거의 없었다. dashbo

다수의 필터 있는 대시보드 만들기(전역변수 고민)
프로젝트 GitHub 레파지토리나열된 정보를 3가지 필터에 의해 필터링되는 기능 구현가공방식, 재료 드랍박스를 통해 해당 옵션을 가지는 데이터 필터링토글버튼으로 상담중인 상태 데이터 필터링2022.02.07 ~ 2022.02.09TypeScriptReactStyled-

[Series1. DashBoard 만들기] - 16. 로그인 해보기
오늘 포스팅에서는 PostUser Model의 username , password 데이터로 로그인 하는 기능을 만들어 보자.django는 기본적으로 로그인 시에, 회원인지 인증하는 처리를 제공해주고 있다.오늘은 django가 제공하는 인증기능을 이용하여 로그인 기능을

[Series1. DashBoard 만들기] - 15. 회원가입 해보기
이번 포스팅에서는 로그인 기능을 만들기 위한 전 단계인 회원가입을 API로 만들어보도록 한다.처음으로 봐야할 부분은 Model 이다.velog_series_01/dashboard/dashboard_core/models.py 파일을 열어보자.기본적으로 유저정보에 대해 d

[Series1. DashBoard 만들기] - 14. Request Data 검증하기
이번 포스팅에서는 클라이언트로부터 Request 받은 데이터를 Model과 연계하기 전에 검증하는 방법에 대하여 알아보려 한다.당연한 얘기지만, 클라이언트 단에서 어느정도 폼 데이터 검증을 거쳐서 서버로 전달되긴 하겠지만 100% 클라이언트에서 서버에서 원하는 형식으로

대시보드 디자인: 더 나은 사용자 경험을 위해
대시보드는 데이터 제품의 핵심 기능이고 사용자가 데이터를 연결하는 매체입니다. 또한, 대시보드는 사용자의 분석과 의사결정을 유도하여 업무 상황의 신속하게 판단하고 해당 솔루션를 선택하는데 도움이 됩니다. 따라서 대시보드 디자인은 대시보드를 더 잘 적용하기 위해 사용자를

[Series1. DashBoard 만들기] - 13. API View 테스트 (4)
본 포스팅에서는 PostUser Model의 데이터를 삭제하기 위해 DELETE API 를 테스트 해보기로 한다.저번 포스팅에서도 작업하였듯이 API 를 작성하기 위해서 아래가 필요하다.Router 작성View 작성Serializers 작성위처럼 기본적인 위의 코드는

[Series1. DashBoard 만들기] - 12. API View 테스트 (3)
지금까지 PostUser Model에 대하여 데이터를 가져오는 GET API와, 새로운 데이터를 등록하는 POST API에 대해서 테스트 하였다.본 포스팅에서는 기존 데이터를 편집하는 PUT, PATCH API에 대하여 테스트를 해보겠다.저번 포스팅에서도 언급하였지만

[Series1. DashBoard 만들기] - 11. API View 테스트 (2)
유저에 대한 CRUD API를 계속해서 작성해보도록 하자.이번에는 유저등록 부분이다. POST API 테스트를 해보도록 하자!저번 포스팅에서 이미 모든 CRUD API 가 포함된 ModelViewSet 클래스를 상속하여 View를 생성하기 때문에 POST API 테스트

[Series1. DashBoard 만들기] - 10. API View 테스트 (1)
이번 포스팅부터는 본격적으로 유저에 대해 CRUD API 작성을 작성해보도록 하자.처음은 유저조회 부분이다. 즉, GET API 작성을 해보자.일단 PostUser Model에 대한 Serializer 를 개발한다.velog_series_01/dashboard/dash