[Tableau 실무 연습] Embedded 대시보드 제작 (1)

Embedded 대시보드란?

대시보드의 로딩속도는 대시보드를 제작할 때 가장 중요하게 고려해야 하는 요소 중 하나입니다. 클라이언트들은 로딩속도가 5초 이상만 되더라도 '느리다'고 생각하기 때문입니다. 만약 한 workbook안에 100개가 넘는 시트를 넣고 모든 데이터원본들을 연결해놓는다면, 우리가 특정 시트만 보더라도 뒷단에서는 집계가 계속 이루어지고 있기에 초기 로딩속도가 굉장히 길어지게 됩니다.

이럴 때 태블로의 웹 페이지 개체 삽입 기능 (대화형으로 웹페이지 표시 부분 참고) 을 활용하여 임베디드 대시보드 형태로 제작하게 되면 로딩속도를 효과적으로 단축할 수 있게 됩니다.

이를 위해 메인 프레임 대시보드와 내부에 들어갈 대시보드(임베디드 대시보드)를 별개의 워크북에 제작하게 됩니다. 구체적인 원리는 다음과 같습니다.

1. 먼저 임베디드 대시보드들을 제작하여 서버에 게시합니다.

2. 메인 프레임 대시보드에는 대시보드의 공통부분(헤더, 탐색단추, 매개변수 등)과 서버에 올라간 임베디드 대시보드 부분이 들어갈 웹페이지 개체를 넣습니다.

3. 서버에 올라간 임베디드 대시보드의 url을 가져와서 메인 프레임 대시보드 속 웹페이지 개체와 연결시킵니다.

4. 메인 프레임의 매개변수 값이나 필터 값이 변경될 때마다 내부 대시보드가 영향을 받게끔 URL 및 URL 동작을 편집해줍니다.

위와 같은 과정을 거치면 태블로 서버가 모든 데이터를 초기에 동시에 불러오지 않고, 현재 임베디드 대시보드에 필요한 데이터만 로딩하게 되어 로딩속도가 눈에 띄게 개선됩니다. 이번 포스팅에서는 위 과정의 구체적인 실습을 진행해봅니다.

Embedded 대시보드 & 프레임 대시보드 제작

이번 포스팅에서 embedded 대시보드는 밀버스 서버에 올라와 있는 sample-superstore 기반 map 시트를 사용할 예정이므로 따로 제작하지 않습니다. 그러므로 프레임 대시보드를 간단하게 만들도록 하겠습니다.

프레임 대시보드에서 계산을 하지 않기 때문에 데이터 연결이 필요 없을 것 같지만, 1) 내부 대시보드에서 필터링 해야하는 값들을 라이브로 불러와서 매개변수 목록에 넣기 위해, 2) 또한 대시보드를 만드려면 어쨌든 하나 이상의 데이터가 연결되어있어야하므로 프레임대시보드 에서도 내부대시보드와 동일한 데이터를 1차적으로 연결하는 것이 일반적입니다.