Table of Contents
Toggle대시보드의 위젯 크기와 위치를 자유롭게 변경할 수 있도록 레이아웃 편집기능을 개선했습니다.
대시보드 위젯(게시판, 차트, 근무현황 등)의 위치와 크기를 원하는 대로 배치한 뒤 저장할 수 있습니다. 저장한 레이아웃은 다른 PC, 다른 브라우저에서도 동일하게 적용되며, 사용 환경이 달라져도 같은 구성을 그대로 이어서 사용할 수 있습니다.
오픈 예정일 안내
대시보드 레이아웃 편집 기능은 4월 12일 오픈 예정입니다. 오픈 이후부터 대시보드 관리 화면에서 미리보기&편집 기능을 사용할 수 있습니다.
주요 기능
- 위젯의 우측 상단 위치 변경 버튼을 클릭한 상태로 드래그하여 위치 변경
- 위젯 크기 조정(가로·세로·대각)
- 레이아웃 저장 시 서버(DB)에만 저장되며 다른 기기에서도 동일하게 보임
개요
대시보드 레이아웃 편집 기능은 사용자가 위젯 배치를 직접 조정할 수 있도록 제공됩니다. 자주 사용하는 위젯은 더 눈에 잘 띄는 위치에 두고, 넓게 봐야 하는 위젯은 크게 배치하는 식으로 업무 흐름에 맞는 화면 구성이 가능합니다.
특히 저장된 레이아웃은 브라우저에 임시로 남는 방식이 아니라 서버(DB)에 저장되므로, 다른 PC나 다른 브라우저에서도 동일한 레이아웃이 유지됩니다.
핵심 포인트
이 기능은 단순히 현재 화면에서만 바뀌는 편집이 아니라, 저장 이후에는 접속 환경이 바뀌어도 같은 구성을 유지할 수 있는 공통 레이아웃 저장 기능입니다.

편집 화면 열기
대시보드관리 메뉴로 이동한 뒤, 대상 대시보드 행에서 미리보기&편집 버튼을 클릭합니다.
해당 화면에서는 현재 위젯 배치를 바로 확인하면서 위치 이동과 크기 조정을 함께 진행할 수 있습니다. 저장 전 상태를 시각적으로 확인할 수 있어 보다 직관적으로 편집할 수 있습니다.
미리보기&편집 화면에서는
위젯 배치 변경, 크기 조정, 저장까지 한 번에 처리할 수 있습니다. 실제 화면을 보며 수정하는 방식이라 이해하기 쉽고 작업도 빠릅니다.
위젯 위치 변경
이동할 위젯의 우측 상단 위치 변경 버튼을 클릭한 상태로 드래그하면 원하는 위치로 옮길 수 있습니다. 원하는 칸에 놓으면 해당 위치로 배치됩니다.
화면은 가로 4칸 기준의 그리드 구조로 구성되며, 위젯은 칸 단위로 정렬됩니다. 자유 이동처럼 보이더라도 실제로는 정해진 그리드에 맞춰 배치됩니다.
자주 확인하는 위젯을 위쪽에 배치하면 대시보드 활용성이 훨씬 좋아집니다.
위젯 크기 변경
위젯 모서리 또는 가장자리를 드래그하면 크기를 조정할 수 있습니다. 가로는 최대 4칸까지 확장할 수 있고, 세로는 필요한 만큼 늘리거나 줄일 수 있습니다.
예를 들어 차트처럼 넓은 영역이 필요한 위젯은 가로를 넓게 사용하고, 게시판이나 목록형 위젯은 세로를 길게 조정하면 한 번에 더 많은 정보를 확인하기 좋습니다.
활용 팁
모든 위젯을 크게 두기보다 중요한 위젯만 강조해서 배치하면 화면 집중도가 높아지고 전체 구성이 훨씬 깔끔해집니다.
레이아웃 저장
배치와 크기 조정이 끝나면 상단 또는 지정된 위치의 저장 버튼을 클릭합니다. 저장이 완료되면 안내 메시지가 표시되며, 변경한 내용이 대시보드에 최종 반영됩니다.
저장된 정보는 로컬 브라우저가 아니라 서버(DB)에만 저장되므로, 다른 PC나 다른 브라우저에서 같은 대시보드를 열어도 동일한 레이아웃으로 보입니다.
저장 전 확인
화면에서 위치나 크기를 바꾼 것만으로는 최종 반영되지 않을 수 있습니다. 편집을 마친 뒤에는 반드시 저장을 눌러야 합니다.
주의 사항
레이아웃은 브라우저가 아니라 서버에 저장되기 때문에 접속 환경이 바뀌어도 동일하게 유지됩니다. 이 점은 개인 브라우저 설정과 구분되는 중요한 특징입니다.
다만 대시보드 관리에서 위젯을 추가하거나 삭제한 경우에는 기존 레이아웃과 실제 구성 상태가 달라질 수 있습니다. 이런 경우에는 미리보기&편집 화면을 다시 열어 배치를 확인한 뒤 필요 시 레이아웃을 다시 저장하는 것이 좋습니다.
확인 권장
위젯 구성이 변경된 뒤에는 저장된 레이아웃과 현재 화면 구성이 달라질 수 있습니다. 이 경우에는 편집 화면에서 다시 확인 후 저장하는 것을 권장합니다.
요약
한눈에 보기
- 대시보드 관리에서 미리보기&편집 화면으로 진입합니다.
- 위젯을 드래그하여 위치를 바꾸고, 모서리 또는 가장자리 드래그로 크기를 조정합니다.
- 작업을 마친 뒤 저장 버튼을 클릭합니다.
- 저장된 레이아웃은 서버에 보관되어 다른 기기나 브라우저에서도 동일하게 적용됩니다.
이 기능을 활용하면 대시보드를 단순 조회 화면이 아니라 업무 방식에 맞게 정리된 작업 공간처럼 사용할 수 있습니다. 한 번 저장한 구성이 계속 유지된다는 점이 가장 큰 장점입니다.