shinydashboard의 구성 요소

shinydashboard로 대시보드 만들기

Png Kee Seng

Researcher

shinydashboard란?

shinydashboard는 대시보드 출력을 갖는 또 다른 shinyApp입니다
- UI가 필요합니다
- 서버가 필요합니다
UI와 서버를 연결하려면 shinyApp()도 필요합니다
UI는 fluidPage()가 아니라 dashboardPage()로 정의됩니다

ui <- dashboardPage(header, sidebar, body)

server <- function(input, output){
...
}

shinyApp(ui, server)

사용자 인터페이스(UI)

이제 UI에는 더 많은 요소가 있습니다
1. 헤더
2. 사이드바
3. 바디
shinydashboard UI는 dashboardPage()로 구성합니다

header <- dashboardHeader(...)

sidebar <- dashboardSidebar(...)

body <- dashboardBody(...)

# shinydashboard UI
ui <- dashboardPage(header, sidebar, body)

UI 미리 보기

shinydashboard UI 구성 요소 분해도.

레스토랑 비유 다시 보기

UI는 레스토랑과 같습니다
서버는 웨이터와 같습니다
특히 UI는 더 작은 구성요소로 나눌 수 있습니다

shinyApp의 사용자는 레스토랑 손님과 같습니다.

웨이터는 주문을 주방에 전달하고 음식을 가져옵니다.

¹ 이미지: macrovector, Freepik

다코스 식사로 보는 UI

UI에서:
- 헤더는 간판과 같습니다
- 사이드바는 코스 목록과 같습니다
- 출력과 입력은 음식과 주문과 같습니다
한 번에 한 코스만 표시됩니다
각 코스별 안내가 제공됩니다
각 코스는 shinyApp과 유사합니다
- 여러 입력/출력 세트를 둘 수 있습니다

여러 입력과 출력이 있는 shinyApp과 같은 각 코스.

¹ 이미지: brgfx, Freepik

빈 shinydashboard

library(shinydashboard)
library(shiny)

header <- dashboardHeader(title = "My first dashboard")

sidebar <- dashboardSidebar()

body <- dashboardBody()

ui <- dashboardPage(header, sidebar, body)

shinydashboard 렌더링

header <- dashboardHeader(title = "My first dashboard")

sidebar <- dashboardSidebar()

body <- dashboardBody()

ui <- dashboardPage(header, sidebar, body)


server <- function(input, output) {
}


shinyApp(ui, server)

shinydashboard 렌더링

빈 shinydashboard

연습해 봅시다!

shinydashboard로 대시보드 만들기