Template
Interactive Dashboard
인터랙티브 대시보드 만들기 방법
대시보드 뷰에는 여러 뷰를 서로 연결할 수 있는 “인터랙티브 모드”가 있습니다. 이 예시에서는 두 개의 테이블(폴더와 메시지)을 갖춘 간단한 이메일 클라이언트를 보여줍니다. 폴더를 클릭하면 해당 폴더의 메시지가 표시됩니다. 메시지를 클릭하면 해당 메시지의 세부 정보가 표시됩니다. 이 앱은 전체 화면 브라우저나 태블릿에서 가장 잘 작동합니다.
Loading...
Also see:
tablet mode & fullscreen mode
How we built this app
앱에는 두 개의 테이블이 있습니다:
- 메시지
- 폴더
각 메시지는 특정 폴더에 속합니다. 이는 메시지 테이블의 ref 열이 폴더 테이블을 가리키는 방식으로 구현되었습니다.
우리는 세 개의 서브 뷰를 포함한 대시보드 뷰를 생성했습니다:
- 폴더 테이블 뷰
- 메시지 테이블 뷰
- 메시지 세부 정보 뷰
대시보드 뷰의 구성에서 상호작용 모드를 활성화했습니다.
This is a preview of the data sets used in the app.
Data
This is a high-level model of both the data entities and the UI elements in the app.
Loading...