김지동

프론트엔드 개발자

apitots@kakao.com010-9989-3524https://github.com/AustinKimDev

React/Next.js 기반 프론트엔드 개발자. 위성 GIS 플랫폼부터 AI 에이전트 시스템까지, 복잡한 데이터를 직관적인 인터페이스로 만드는 일을 합니다.

경력

텔레픽스(주)2022.07 ~ 재직중

주임연구원 / SW개발팀

  • PIXATIVE v1→v2: 위성영상 GIS 플랫폼. OpenLayers + MapLibre 이중 지도, WMTS 캐시로 로딩 불가→0.2초 개선
  • Bluebon: 위성 미션 계획 풀스택. SGP4 궤도 전파, Three.js 3D, ~25K LOC
  • telepix-ui: Radix UI + TailwindCSS 사내 디자인 시스템. 37K LOC, Storybook v9
  • LIC 플랫폼: Remix v2 SSR + Mapbox, 텔레픽스 최대 FE 프로젝트 ~11K LOC
  • 멀티모달 AI 시각화: react-force-graph 500노드, XML 파싱 알고리즘 자체 설계 742줄
  • 사내 인프라 전면 개선: 네트워크(2년+ 무중단), Jenkins CI/CD, AWS IaC(Terraform)
(주)아키아카2022.01 ~ 2022.07

사원/매니저

(주)웹비즈크리에이티브2021.06 ~ 2022.01

사원 / SW개발팀 (메인 개발자)

  • 검색 쿼리 10초→0.5초 (95% 개선), Timeout 4분→2초 (90%+ 단축)

주요 프로젝트

PIXATIVE v1→v2— 위성영상 GIS 제공 플랫폼 — 산업통상자원부 과제
  • OpenLayers + MapLibre 이중 지도 시스템 설계, proj4 좌표계 변환으로 다양한 좌표체계 위성영상을 단일 맵에 정합
  • WMTS Cache 서버 도입으로 네트워크 병목 시 로딩 불가 상태를 0.2초로 개선

성과: 로딩 불가 → 0.2초

Bluebon— 위성 미션 계획 풀스택 플랫폼 — 사내 핵심 프로덕트
  • SGP4 궤도 전파 알고리즘으로 위성 지상 궤적 계산 및 관측 접근성 분석 구현
  • Three.js로 지구-위성 3D 시각화, supercluster로 대량 마커 클러스터링
telepix-ui— 사내 UI 디자인 시스템 — NPM 패키지로 배포
  • Radix UI + TailwindCSS 4 기반 컴포넌트 라이브러리 설계, 100+ 시맨틱 디자인 토큰
  • Rollup ESM/CJS 듀얼 번들링, Storybook v9 문서화 (a11y 접근성 포함)
LIC 플랫폼— 지역혁신클러스터 해양 관측 GIS — 정부 R&D
  • Remix v2 SSR + Mapbox GL 통합, WKT 기반 AOI 폴리곤 시스템
  • 5개 관측소 항목(조위/수온/파고/풍향/풍속) 실시간 데이터 시각화
멀티모달 AI 시각화[AI]— AI 분석 결과를 지식 그래프로 시각화 — 미래도전과제 R&D
  • AI 산출물 3개 파일(LTF, Graph, Entity)을 FE에서 직접 파싱하는 알고리즘 자체 설계
  • react-force-graph + Canvas API로 최대 500노드 그래프 렌더링

성과: 500노드 실시간 시각화

Orgentic[AI]— 멀티 테넌트 AI 에이전트 오케스트레이션 플랫폼 — 사이드 프로젝트
  • 4계층 구조(Org→Team→Agent→Task) 멀티 테넌트 아키텍처 설계
  • Claude Agent SDK + FastAPI 백엔드, WebSocket 실시간 브로드캐스트
사내 인프라 전면 구축— 네트워크부터 CI/CD, 클라우드까지 자발적으로 구축
  • Switch/Router/방화벽/VPN/DNS 세팅, VLAN 분리 → 1~2일 중단 → 2년+ 무중단
  • Jenkins + Docker(Portainer) CI/CD 파이프라인 → 배포 담당자 상시 대기 → 팀 자율 배포

성과: 2년+ 무중단 운영

신송식당지도 (Lunchix)[AI]— AI 추천 맛집 지도 — 사내 사이드 프로젝트
  • OpenAI API + pgvector 임베딩으로 벡터/공간 하이브리드 검색 구현
  • PostGIS 기반 거리순 정렬 + AI 취향 매칭 결합 추천 알고리즘

기술 스택

FrontendReact, Next.js, TypeScript, Remix, TailwindCSS, Framer Motion
GIS / 지도OpenLayers, Mapbox GL / MapLibre, Leaflet, KakaoMap
데이터 시각화Canvas API, Recharts, react-force-graph, Three.js
BackendPython (FastAPI), C# (.NET / WPF), Rust (Axum)
Infra / DevOpsDocker, Jenkins / GitHub Actions, Terraform, AWS
AI ToolsClaude Code, Claude Agent SDK, OpenAI API, Gemini

학력

대덕대학교 컴퓨터공학과 졸업 (4.13/4.5) — 2020~2022

부산컴퓨터과학고등학교 스마트소프트웨어 — 2017~2020