실시간 동기화 / 모바일 반응형
여러 사용자가 동시에 작업할 때 데이터가 실시간으로 동기화되는 WebSocket 기반 기능과, 모바일 기기에서 최적화된 화면을 제공하는 반응형 기능을 설명합니다.
WebSocket 실시간 동기화
동기화 표시
다른 사용자의 변경사항이 실시간으로 반영됩니다.
재고현황 ● 실시간 동기화 활성
| 품목코드 | 품목명 | 현재고 | 마지막 변경 |
|---|---|---|---|
| A-001 | 볼트 M10 | 2,500 | |
| A-002 | 너트 M10 | 1,800 | 이팀장이 수정함 (방금) |
| A-003 | 와셔 M10 | 5,050 | 값이 변경됨 |
다른 사용자의 변경 알림
알림
이팀장 님이 이 레코드를 수정했습니다.
변경 필드: 현재고 (5,000 → 5,050)
동기화 설정
| 설정 항목 | 기본값 | 설명 |
|---|---|---|
| 실시간 동기화 | 활성화 | 화면별로 활성/비활성 설정 가능 |
| 변경 알림 표시 | 활성화 | 다른 사용자의 변경 시 토스트 알림 표시 |
| 동시 편집 표시 | 활성화 | 다른 사용자가 편집 중인 셀을 색상으로 표시 |
| 자동 새로고침 | 비활성 | WebSocket 연결 끊김 시 폴링 주기 설정 |
팁
대시보드 화면에서 실시간 동기화를 활성화하면, IoT 데이터나 생산 실적이 자동으로 갱신됩니다. 별도의 새로고침 없이 항상 최신 데이터를 확인할 수 있습니다.
모바일 반응형
자동 레이아웃 변환
PC에서 설계한 화면이 모바일 기기에서 자동으로 최적화됩니다.
List 화면의 모바일 변환:
PC (테이블 형태)
| 품목코드 | 품목명 | 단가 | 재고 | 상태 |
|---|---|---|---|---|
| A-001 | 볼트M10 | 120 | 500 | 정상 |
| A-002 | 너트M10 | 80 | 300 | 정상 |
모바일 (카드 형태)
A-001 볼트 M10
단가: ₩120
재고: 500 ● 정상
A-002 너트 M10
단가: ₩80
재고: 300 ● 정상
모바일 터치 제어
모바일 환경에서의 터치 인터랙션을 지원합니다.
| 제스처 | 동작 |
|---|---|
| 탭 | 레코드 선택 / 상세 보기 |
| 길게 누르기 | 컨텍스트 메뉴 (편집/삭제) |
| 스와이프 좌 | 빠른 삭제 (확인 필요) |
| 스와이프 우 | 빠른 편집 |
| 핀치 줌 | 대시보드 차트 확대/축소 |
| 당겨서 새로고침 | 데이터 새로고침 |
모바일 최적화 설정
화면 노드 속성에서 모바일 관련 설정을 조정할 수 있습니다.
- 카드 뷰 표시 필드: 모바일 카드에 표시할 필드를 선택합니다 (최대 5개 권장).
- 모바일 숨김 필드: 모바일에서 숨길 필드를 선택합니다.
- 터치 영역 크기: POP 화면의 버튼/입력란 크기를 조정합니다.
주의
POP 화면은 기본적으로 모바일/태블릿에 최적화되어 있으나, 복잡한 대시보드는 태블릿 이상의 화면에서 사용하는 것을 권장합니다. 모바일에서 대시보드 접근 시 주요 KPI 카드만 표시하는 모바일 전용 레이아웃을 별도로 설정할 수 있습니다.