# dashboard

singsoong

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

dmis

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

dmis

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

dmis

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

dmis

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

dmis

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

dmis

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

tjdgur

첫번째로는 table에서 이미지를 확인하는 방법입니다.제품의 이미지를 대시보드 속 table에 띄워야합니다. 그럴 땐 단순히 적재해놓은 데이터들을 보는 data-view에 들어가서 해당 image 데이터의 연필을 눌러 데이터 타입을 변경해주면 됩니다.물론 사이즈도 조절

qkddnjs31

plotly js란, 데이터를 dashboard를 통해 시각화 시켜주는 도구이다. (plotly js는 자바스크립트 안에서 사용된다.)회사에서 프로젝트에서 dashboard 구현을 담당하였다. 개발자로서 첫 회사에 입사하였고, 프로젝트 경험도 거의 없었다. dashbo

peterpictor

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

django_apps

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

django_apps

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

django_apps

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

skila

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

django_apps

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

django_apps

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

django_apps

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

django_apps

이번 포스팅부터는 본격적으로 유저에 대해 CRUD API 작성을 작성해보도록 하자.처음은 유저조회 부분이다. 즉, GET API 작성을 해보자.일단 PostUser Model에 대한 Serializer 를 개발한다.velog_series_01/dashboard/dash

django_apps

오늘 포스팅은, 직전 포스팅에 이어서 유저 등록 가상 폼을 작성하여 PostUser View와 연계해보도록 하겠다.velog_series_01/dashboard/dashboard_core 아래에 forms.py 파일을 신규 생성한다.그리고 다음과 같이 작성한다.가상

django_apps

유저 등록 화면 만들기 이번 포스팅에서는 유저 등록하는 부분을 만들어 보자. 일단 유저가 서버에 로그인을 하고, 데이터 처리를 요청할 때 있어서 서버는 그 유저가 로그인되어있는지 검증할 필요가 있다. 우리는 이번 시간에 JWT방식을 도입해서 만들어 보기로 한다