페이지 트리
메타 데이터의 끝으로 건너뛰기
메타 데이터의 시작으로 이동

이 페이지의 이전 버전을 보고 있습니다. 현재 버전 보기.

현재와 비교 페이지 이력 보기

« 이전 버전 6 다음 »

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

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


(star) 적용 사례


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









(정보) 레이아웃 활용 팁


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


  • 가변 메세지 작성 영역
    • 대시보드에서 "지금 당장 집중 해야 할 핵심 메세지"를 작성할 수 있습니다.
    • 변수를 활용하여, 조회 조건이나 실시간 데이터에 따라 변하는 가변 수치를 텍스트 내에 직접 표현해 보세요.
      예) '현재 기준 ' + :VS_TEAM + '의 이번 달 목표 달성까지 ' + :VS_AMT + '만원 남았습니다. '


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


  • 레이블 없음