요약 정보(Tab1)와 데이터 입력/수정(Tab2)을 하나의 화면에서 수행할 수 있는 레이아웃 입니다.

 light-on (on) 레이아웃 구조


(star) 적용 사례


  • 공공 > 지자체별 시설물 점검 현황













(정보) 레이아웃 활용 팁


  • Tab을 활용한 화면의 목적 분리
    • Tab1은 경영진이나 의사결정자를 위한 "요약 정보 제공 화면"으로, Tab2는 실무자를 위한 "데이터 관리 화면"으로 활용하세요.
    • 복잡한 데이터 표와 화려한 차트가 한 화면에 섞여 집중력을 떨어뜨리는 것을 방지하고, '현황 파악'에 집중할 것인지, '데이터 입력'에 집중할 것인지 명확하게 구분할 수 있습니다.

  • 가변 메세지 작성 영역
    • 대시보드에서 "지금 당장 집중 해야 할 핵심 메세지"를 작성할 수 있습니다.
    • 변수를 활용하여, 조회 조건이나 실시간 데이터에 따라 변하는 가변 수치를 텍스트 내에 직접 표현해 보세요.
      예) 현재 기준 [영업 1팀]의 이번 달 목표 달성까지 [1,500]만원 남았습니다. → 대괄호 부분이 변수로 연동되어 자동 치환됩니다.

  • 데이터 수정(Tab2)과 시각화(Tab1)의 실시간 연동
    • Tab2의 그리드에서 데이터를 추가/삭제/저장하면 Tab1 화면에 수정된 데이터가 반영됩니다.
    • 별도의 보고서 취합 과정 없이, 실무자의 데이터 입력이 곧 관리자의 모니터링 대시보드로 이어져 확인할 수 있습니다.