코딩하는 곰돌이

TypeScript 로 구현한 디지털트윈 방역공조 모니터링 시스템프로젝트명: 디지털트윈 감염병 위험 알람시스템 (Preventative)기술 스택: TypeScript · React 18 · Umi Max 4 · Cesium · Ant Design · WebSocket작성일: 2026-07-04목차프로젝트 소개모노레포 아키텍처TypeScript 기반 프론트엔드 구조핵심 기능 구현API · WebSocket 연동Cesium 3D 지도 통합개발 환경 설정이슈 및 트러블슈팅회고 및 개선 방향1. 프로젝트 소개이 프로젝트는 3D 디지털트윈 지도 위에서 감염병·공기질·공조기(살균기)를 실시간 모니터링하고 원격 제어하는 웹 애플리케이션입니다.경남도청, 마산병원, 한마음병원, 예산군 노인요양원 등 여러 시설의 센서 ..

TypeScript로 구현하는 3D 재난 모니터링 플랫폼국민 SoC(Smart of City) 서비스는 Cesium 기반 3D 지도 위에서 침수·산사태·화재 등 재난 상황을 시각화하고, SOP(표준운영절차) 대응을 지원하는 웹 플랫폼입니다. 이 글에서는 이 프로젝트에서 TypeScript를 어떻게 활용했는지, 아키텍처와 코드 패턴을 중심으로 정리합니다.목차프로젝트 개요모노레포 아키텍처TypeScript 설정 전략상태 관리: DVA Model + 타입 정의Cesium 3D 지도와 TypeScript공유 패키지: @packages/utilsFunction Calling AI Agent 패턴React 컴포넌트와 Props 타입마이크로 프론트엔드(Qiankun)와 Umi MaxRTSP 스트리밍 연동개발 환경 및..

Cesium Terrain Server 프로젝트 학습 정리Cesium.js 기반 3D 지형(terrain) 타일셋을 파일시스템에서 서빙하는 Go HTTP 서버를 분석한 내용입니다.들어가며3D 지도를 웹에서 구현할 때 Cesium.js는 사실상 표준에 가깝습니다. 하지만 DEM(디지털 고도 모델) 데이터를 Cesium이 읽을 수 있는 terrain 타일로 변환한 뒤, 이를 HTTP로 안정적으로 서빙하는 과정은 별도의 인프라가 필요합니다.Cesium Terrain Server는 바로 그 역할을 하는 경량 Go 서버입니다. Cesium Terrain Builder(CTB)로 생성한 타일셋을 개발·테스트 환경에서 빠르게 올려볼 수 있도록 설계되었습니다.프로젝트 개요항목내용언어Go 1.24+라이선스Apache 2..

Cesium에서 커스텀 지형을 띄우기까지: Cesium Terrain Builder로 DEM → terrain tile 변환하기1. 도입부배경3D 지도 프로젝트에서 CesiumJS로 특정 지역 DEM(고도 래스터)을 지형으로 올려야 했습니다. Cesium Ion이나 공개 terrain provider는 우리가 필요한 지역·해상도를 커버하지 않았고, 브라우저에서 CesiumTerrainProvider로 불러올 수 있는 자체 terrain tileset이 필요했습니다.문제는 Cesium이 terrain 데이터를 직접 만들어 주지 않는다는 점입니다. GeoTIFF 같은 DEM을 heightmap-1.0 형식 타일로 변환하는 별도 빌드 단계가 필요하고, 그 역할을 Cesium Terrain Builder(CTB..