실무 개선 기록
1.Google Maps 거리 재기 기능 직접 구현하기 (Canvas + Angular)
구글 지도 위에 거리 재기 기능을 직접 구현한 과정을 정리한 글입니다.
2025년 12월 20일
2.[Angular] CPU 사용량 2~30% 감소시킨 과정: Change Detection의 숨은 비용
Angular의 Change Detection과 Zone.js가 만들어낸 숨은 성능 병목을 분석하고 이벤트 리스너 최적화를 통해 CPU 사용률을 30% 가까이 낮춘 개선 과정을 공유합니다.
2025년 10월 22일
3.세션 타이머, 왜 setTimeout은 안 될까? 웹 워커로 해결하는 법
이 포스트는 브라우저 탭 비활성화나 절전 모드에서도 안정적으로 세션 타임아웃을 감지하기 위해 setTimeout 대신 웹 워커(Web Worker)를 활용한 방법을 소개합니다
2025년 3월 2일
4.[어댑터 패턴] API 변경에도 끄떡없는 구조 만들기
프로젝트에 어댑터 패턴을 적용해 Google Maps API의 의존성을 줄이고 유지보수성과 확장성을 높인 경험을 공유합니다. 외부 라이브러리 통합을 고민하는 분들께 도움이 될 내용입니다.
2025년 4월 28일
5.사용자 경험을 생각한 지도 개발: NAVER 지도 API V3 마커/폴리라인
네이버 지도 API 활용한 마커 등록 시 로딩 스피너를 통해 사용자 경험 개선
2024년 1월 30일
6.프로젝트에 다국어 지원을 통한 글로벌 전시회 준비[Angular/다국어/@ngx-translate]
Angular 프로젝트에서 다국어 기능 추가
2024년 5월 9일
7.지도 라이브러리 성능 비교 분석
구글지도, 네이버지도, MapBox, Leaflet 비교
2024년 2월 26일
8.구글 Street View + Three.js 관로 구현(1)
Three.js와 Google Maps API를 이용해 스트리트 뷰에 3D 관로를 표시하는 방법을 소개합니다. GIS 데이터 변환부터 시각화까지의 과정을 담았습니다
2024년 10월 27일
9.구글 Street View + Three.js 관로 구현(2)
Google Street View와 Three.js를 동기화하여 3D 관로와 마커를 자연스럽게 표시하는 방법을 소개합니다.
2024년 11월 24일
10.로컬 DB 개발, IndexedDB와 Dexie.js로 간단하게
IndexedDB와 Dexie.js로 로컬 데이터 관리를 쉽게 시작하는 방법을 소개합니다.
2024년 10월 10일