← Case studiesKIM YEONJUN

개인 웹 제품 · 라이브 · LIVE

Geo Utilities — 브라우저 공간정보 도구

A free browser-based toolkit with 21 spatial utilities — coordinate conversion, GeoJSON/WKT validation, H3/Geohash/S2 grids, GPX/KML/CSV conversion — that runs entirely client-side with no server upload.좌표 변환, GeoJSON·WKT 검수, H3·Geohash·S2 그리드, GPX·KML·CSV 변환까지 21개 공간정보 도구를 서버 업로드 없이 브라우저에서 처리하는 무료 도구 모음입니다.

ROLE · 담당도구 기획 · 프론트엔드 구현 · 공간 알고리즘 통합
CONTEXT · 구분개인 웹 제품
TECHNOLOGY · 기술TypeScript · Client-side GIS · H3 / Geohash / S2

SYSTEM ARCHITECTURE · 시스템 구조

Raw spatial inputClient-side processing21 GIS utilities5 tool categoriesNo server upload
The diagram shows only the disclosed system boundary. · 공개 가능한 시스템 범위만 표시했습니다.

Context & problem배경과 문제

Routine GIS tasks like CRS conversion, format validation and grid indexing usually require installing separate libraries or uploading data to an external service.좌표계 변환, 포맷 검수, 그리드 인덱싱 같은 반복 작업을 위해 매번 별도 라이브러리를 설치하거나 데이터를 외부 서비스에 업로드해야 했습니다.

Approach접근 방법

Grouped EPSG conversion/geocoding, GeoJSON/WKT conversion and validation, distance/area/buffer calculations, H3/Geohash/S2 Cell/tile conversion, and GPX/KML/CSV conversion into five tool categories inside one web app.EPSG 좌표 변환·지오코딩, GeoJSON·WKT 변환·검수, 거리·면적·버퍼 계산, H3·Geohash·S2 Cell·타일 변환, GPX·KML·CSV 변환을 5개 카테고리로 묶어 하나의 웹앱에 구성했습니다.

Architecture decision기술 선택과 판단

Ran every computation in the browser so spatial data never leaves the device, and shipped it as a free tool with no sign-up required.모든 연산을 브라우저에서 처리해 공간 데이터가 기기 밖으로 나가지 않도록 설계하고, 회원가입 없이 무료로 접근 가능하게 배포했습니다.

Implementation constraint구현 제약

Each coordinate, grid and file format uses a different computation method, so the different spatial algorithms had to run in the browser behind one consistent interface without a performance hit.좌표·그리드·파일 포맷마다 계산 방식이 달라, 서로 다른 공간 알고리즘을 하나의 일관된 인터페이스와 성능으로 브라우저에서 처리해야 했습니다.

Result결과

Delivered a live web product covering 5 tool categories (coordinates, conversion, measurement, grid/index, files) and 21 utilities.좌표·변환·측정·그리드·파일 5개 카테고리, 21개 도구를 제공하는 라이브 웹 제품을 구현했습니다.

Verified evidence확인 가능한 근거

All 21 tools are directly usable in the live product; no public repository is provided.라이브 제품에서 21개 도구를 직접 확인할 수 있습니다. 공개 저장소는 제공하지 않습니다.