개요
층별 배치
1F부터 5F까지 선택해 각 층의 자산과 객체를 독립적으로 배치합니다.
객체 관리
RFID 자산, 책상, 의자, 캐비닛, 선반, 소파, 냉장고, 세탁기, TV, 프린터, 에어컨을 배치할 수 있습니다.
SQLite 저장
현재 배치, 층, 좌표, 방향값을 서버 SQLite에 저장하고 다시 불러옵니다.
조작 방법
- 상단의 1F~5F 버튼 또는 우측 건물 스택에서 층을 선택합니다.
- 좌측 목록에서 자산을 선택하거나 3D 공간의 객체를 마우스로 클릭합니다.
- 선택한 객체를 마우스로 끌어 원하는 위치에 배치합니다.
- 객체 종류를 선택한 뒤 추가 버튼으로 집기류나 가전제품을 현재 층에 추가합니다.
- 회전 버튼 또는 키보드 [ ] 로 방향을 조정합니다.
- 건물 아이콘 또는 O 키로 5층 전체 조망을 켜고 끕니다.
저장/불러오기
서버 저장 버튼은 현재 화면의 모든 층 데이터를 SQLite에 저장합니다. 같은 레이아웃을 다시 저장하면 이전 상태는 버전 백업 테이블에 남습니다.
- 레이아웃 이름을 입력합니다.
- 서버 저장 버튼을 클릭합니다.
- 다른 브라우저나 새로고침 후 저장된 레이아웃을 선택합니다.
- 불러오기 버튼을 클릭해 3D 공간에 복원합니다.
Mermaid 구성도
flowchart LR
User[사용자] --> UI[3D 배치 화면]
UI --> Floor[층 선택 / 전체 조망]
UI --> Object[자산 및 객체 추가]
Object --> Transform[위치 이동 / 방향 회전]
Transform --> Save[서버 저장]
Save --> API[/rfid-api/]
API --> DB[(SQLite)]
DB --> Load[레이아웃 불러오기]
Load --> UI
React Flow 업무 흐름
운영 체크리스트
배치 전
층 선택, 레이아웃 이름, 저장 대상 레이아웃을 확인합니다.
배치 중
단일층 모드에서 객체를 이동하고, 전체 조망 모드로 층별 밀집도를 확인합니다.
배치 후
서버 저장 후 새로고침과 불러오기를 수행해 좌표와 방향이 유지되는지 확인합니다.