[개선] 맵 에디터 기능 고도화 및 설치 위치 인터랙션 최적화 #18

New Issue

Taehoon · 2026-06-01T14:01:44+09:00

Taehoon commented

2026-06-01 14:01:44 +09:00

🛠️ 주요 개선 사항 및 반영 내용

최근 작업을 통해 맵 에디터의 사용자 편의성을 높이고, 자산 상세 정보의 위치 확인 인터랙션을 정교화했습니다. 또한, 신규 촬영된 현장 사진(MDF실 등)을 시스템에 반영했습니다.

1. 맵 에디터(Map Editor) 기능 고도화

구역 번호 시각화: 구역을 드래그하여 생성할 때와 배치가 완료된 후에 해당 구역의 번호(#n)를 지도상에 즉시 표시하여 리스트와의 매핑을 직관적으로 개선했습니다.
초기 로드 로직 변경: 에디터 접속 시 특정 파일(서관205)이 아닌 목록 최상단의 파일이 기본으로 선택되도록 변경하여 작업 흐름을 개선했습니다.
실시간 저장 API 연동: 백엔드(server.js)에 맵 설정 저장 전용 API를 추가하여 에디터에서의 작업 결과가 map_config.json에 즉시 반영되도록 구현했습니다.

2. 설치 위치 확인(위치보기) 인터랙션 최적화

조회 모드 전용 스타일 적용: 상세보기 모드에서 '위치보기' 클릭 시, 마우스 오버 효과를 제거하고 커서를 일반 모양(default)으로 고정하여 조회 전용 화면임을 명확히 했습니다.
등록 모드와의 분리: '위치등록(편집)' 시에는 기존의 인터랙티브한 십자선 커서와 하이라이트 효과가 유지되도록 readonly 클래스 기반으로 로직을 분리했습니다.

3. 현장 사진 자산(Assets) 업데이트 및 경로 정규화

한맥빌딩 MDF실 추가: 새롭게 구축된 MDF실의 배치도 사진 4장(MDF_1.png ~ MDF_4.png)을 시스템에 등록하고 상세 위치 매핑을 완료했습니다.
기술개발센터 서버실 경로 수정: 서버실 사진들이 별도 서브 폴더로 이동됨에 따라, 시스템 내 참조 경로를 최신화했습니다.

관련 커밋: feat: enhance map editor, refine location view, and update image assets (590ddd0)

### 🛠️ 주요 개선 사항 및 반영 내용 최근 작업을 통해 맵 에디터의 사용자 편의성을 높이고, 자산 상세 정보의 위치 확인 인터랙션을 정교화했습니다. 또한, 신규 촬영된 현장 사진(MDF실 등)을 시스템에 반영했습니다. #### 1. 맵 에디터(Map Editor) 기능 고도화 - **구역 번호 시각화**: 구역을 드래그하여 생성할 때와 배치가 완료된 후에 해당 구역의 번호(#n)를 지도상에 즉시 표시하여 리스트와의 매핑을 직관적으로 개선했습니다. - **초기 로드 로직 변경**: 에디터 접속 시 특정 파일(서관205)이 아닌 목록 최상단의 파일이 기본으로 선택되도록 변경하여 작업 흐름을 개선했습니다. - **실시간 저장 API 연동**: 백엔드(`server.js`)에 맵 설정 저장 전용 API를 추가하여 에디터에서의 작업 결과가 `map_config.json`에 즉시 반영되도록 구현했습니다. #### 2. 설치 위치 확인(위치보기) 인터랙션 최적화 - **조회 모드 전용 스타일 적용**: 상세보기 모드에서 '위치보기' 클릭 시, 마우스 오버 효과를 제거하고 커서를 일반 모양(`default`)으로 고정하여 조회 전용 화면임을 명확히 했습니다. - **등록 모드와의 분리**: '위치등록(편집)' 시에는 기존의 인터랙티브한 십자선 커서와 하이라이트 효과가 유지되도록 `readonly` 클래스 기반으로 로직을 분리했습니다. #### 3. 현장 사진 자산(Assets) 업데이트 및 경로 정규화 - **한맥빌딩 MDF실 추가**: 새롭게 구축된 MDF실의 배치도 사진 4장(`MDF_1.png` ~ `MDF_4.png`)을 시스템에 등록하고 상세 위치 매핑을 완료했습니다. - **기술개발센터 서버실 경로 수정**: 서버실 사진들이 별도 서브 폴더로 이동됨에 따라, 시스템 내 참조 경로를 최신화했습니다. --- **관련 커밋**: `feat: enhance map editor, refine location view, and update image assets` (590ddd0)

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: Taehoon/ITAM#18