2026/07/06 4

[Frontend] 3D 디지털 트윈 공간분석 기능 구현 (feat. MSA)

🌍 3D 디지털 트윈 공간분석 마이크로 프론트엔드Cesium · React · Webpack MPA · Qiankun 기반의 지리공간 분석 플랫폼 React TypeScript Cesium Webpack Ant Design Turf.js 프로젝트 코드명: [platform]-svc3d-front-dt-general역할: 3D 지도 위에서 동작하는 공간분석·시뮬레이션 마이크로 앱 모음배포 형태: UMD 번들 → 메인 3D 플랫폼(Qiankun)에 동적 로드📋 목차프로젝트 개요아키텍처 한눈에 보기빌드 시스템: Webpack MPA마이크로 프론트엔드: Qiankun 통합3D 렌더링 레이어: Cesium Analytics공통 모듈 설계분석 모듈 카탈로그공간 알고리즘 구현API · 환경변수 · 프록시상태 관리..

Frontend 2026.07.06

[3D] 3D GIS 기능 구현 (feat. MSA)

🌐 3D GIS 위 문화재·토지이용 특화 서비스마이크로프론트엔드로 구현한 공간정보 특화 애플리케이션 아키텍처 | React 18 | Umi 3 | Cesium 1.115 | Qiankun 2 | Ant Design 4 | |:---:|:---:|:---:|:---::| 한 줄 요약단일 SPA가 아닌 19개의 독립 엔트리 × UMD 번들로 쪼개진 마이크로프론트엔드.Cesium 3D 뷰어 위에 문화재 검색·가시권 분석·허가·토지이용 등 행정 GIS 업무를 얹은 엔터프라이즈 프론트엔드.📑 목차프로젝트 개요아키텍처 한눈에 보기마이크로프론트엔드 설계 — Qiankun + Multi-Entry빌드 파이프라인 — Umi × Webpack 커스터마이징3D GIS 엔진 — Cesium 통합 전략상태 관리 — DVA ..

3D 2026.07.06

[Frontend] 3D 건물 모델링 기능 구현 (feat. MSA)

3D 건물 모델링 마이크로프론트엔드Cesium 기반 3D GIS 플랫폼 위에서 동작하는 건물 생성·층 분할·텍스처 매핑 마이크로 앱의 아키텍처와 구현을 깊이 있게 다룹니다.React 18Webpack 5 UMDQiankunCesium 1.115ReduxFME Server3D TilesNginx Gateway민감 정보 안내본 문서의 IP 주소, 내부 서비스명, 조직 식별자는 마스킹 처리 되어 있습니다. 실제 운영 환경 값은 공개하지 않습니다.목차프로젝트 개요모노레포 & 마이크로프론트엔드 아키텍처Webpack 멀티 엔트리 & UMD 번들링Qiankun 생명주기 통합핵심 기능: 3D 건물 모델링 파이프라인Cesium 렌더링 & 지형 샘플링백엔드 API & FME 변환 체인환경별 빌드 전략Nginx 리버스 프록..

Frontend 2026.07.06

[TroubleShooting] 3D 지형 종/횡단면 분석 기능 이슈 해결

🔧 트러블슈팅 & 이슈 히스토리3D 종·횡단면 분석 마이크로프론트엔드 프로젝트***-svc3d-front-mf-crossanalysis범위운영·개발 중 발생한 주요 이슈 · 원인 · 해결 · 재발 방지작성일2026-07-09 코드베이스, Git 커밋 이력, 주석·워크어라운드 패턴을 기반으로 정리했습니다.IP · 내부 서비스명 등 민감 정보는 ████ 처리되었습니다. 📑 목차#이슈심각도01CORS · Nginx API Gateway 라우팅 불일치🔴 Critical02Qiankun CORS · Webpack Externals 의존성🔴 Critical03공유 Cesium Viewer Entity 오염🔴 Critical043D Tileset 하이라이트 누적 버그🟠 Major05SHP MultiLine..

TroubleShooting 2026.07.06