ODO000 KMSTART — 제주
PORTFOLIO · ROAD TRIP
DRIVE MY
CAREER
안녕하세요, 프론트엔드 개발자 전형호입니다.
멀티 브랜드·다국어 서비스의 복잡성을 단순하고 안정적인 구조로 설계합니다. 제주에서 시작된 여정이 아직 달리는 중입니다.
↓ IGNITION ON — 스크롤로 출발
CHECKPOINT 01 — 2021.09 – 2023.08
(주)진우소프트이노베이션 · Software Engineer
폐쇄망 환경의 레거시를 jQuery에서 Vanilla JS로 점진 현대화하며 웹의 기본기를 다졌습니다.
폐쇄망 환경의 레거시를 jQuery에서 Vanilla JS로 점진 현대화하며 웹의 기본기를 다졌습니다.
제주에서 시동을 걸다
세계자연유산 모니터링 시스템
2021.09 – 2022.04
만장굴·한라산 등 세계자연유산의 센서·CCTV 데이터를 관리하는 관제 대시보드. 지도·차트·5분 주기 실시간 모니터링으로 관리자의 상황 파악 효율을 높였습니다.
JavaScriptSpring BootKakaoMapSocket
전기차 충전기 모니터링 시스템
2022.01 – 2023.08
제주도 전역 충전기 상태와 과금 데이터를 관리한 시스템. 누락 데이터 자동 복구 파이프라인으로 수동 운영 리소스를 크게 줄였습니다.
Node.jsSpring BootMySQLKakaoMap
CHECKPOINT 02 — 2024.09 – NOW
제네시스네스트 · 현대지원개발팀 · Frontend Developer
현대·기아·제네시스 3개 브랜드, 50개국·40개 언어 글로벌 서비스를 만들며 달리는 중입니다.
현대·기아·제네시스 3개 브랜드, 50개국·40개 언어 글로벌 서비스를 만들며 달리는 중입니다.
글로벌 노선에 합류하다
ONE APP — Back Office
2024.09 – NOW
3개 브랜드 · 50개국 · 40개 언어 콘텐츠를 관리하는 통합 어드민. DRY 공통화의 한계를 겪고 직접 세운 레고 조립 원칙으로 브랜드별 요구사항을 개별 컴포넌트로 분리.
ReactTypeScriptReact Hook FormTanStack Query
ONE APP — Front Office
2025.08 – NOW
충전 예약 페이지 진입 절차를 4단계에서 2단계로 단축하여 사용자 접근성 개선
ReactWebView BridgeGoogle Analytics
Global Insight Admin
2025.10 – NOW
FE 메인 담당. Mock 기반 선행 개발 프로세스를 구축해 기획 확정 후 2주 내 9개 메뉴 UI·인터랙션 구현 완료.
ReactTypeScriptTanStack Queryi18n
CHECKPOINT 03 — 2026.09
제네시스네스트 · 현대 AI개발팀 · 프론트엔드 개발 리딩
기획과 디자인 없이 최소한의 요구사항만으로 0 to 1 개발을 이끌고 있습니다.
기획과 디자인 없이 최소한의 요구사항만으로 0 to 1 개발을 이끌고 있습니다.
지도 없는 길을 먼저 달리다
ML Lab 사내 포털
진행 중 · 10월 말 데모 배포 예정
현대자동차 ML Lab의 API와 머신러닝 기술을 사내에 알리는 포털
ReactTypeScriptFSDTanStack QueryZustand
오토웨이 통합검색
진행 중 · 10월 말 배포 예정
검색 결과 아래 AI 요약, 더 보기로 통합검색 도메인 연계
ReactTypeScriptFSDMokku
doc-parser
종료
사내 문서 OCR 기반 agent 프로젝트 — 서버 SSR로 구조 전환
Thymeleaf (SSR)OCR
CHECKPOINT 04 — OPEN SOURCE
모두가 달리는 도로를 정비하다
react-hook-form
Top 20 Contributor
deepEqual NaN 버그 수정, 핵심 유틸리티 테스트 커버리지 개선
gemini-cli
google-gemini · 3 merged PRs
파서 구조, API Mock, MCP Client Manager 안정성 개선
@pixengine/core
정책 기반 이미지 최적화 엔진 — 직접 설계·NPM 배포
CHECKPOINT 05 — SIDE PROJECTS
주말 드라이브
Simpson Finder
AI 닮은꼴 매칭 · Full-Stack
CLIP 임베딩과 코사인 유사도로 내 얼굴과 닮은 심슨 캐릭터를 찾아주는 AI 서비스
Next.js 16FastAPICLIPPyTorch
AI Recipe Platform
풀스택 AI 서비스 · MSA
식재료 입력으로 맞춤 레시피를 SSE 스트리밍으로 실시간 생성하는 풀스택 서비스
Next.js 15OpenAISSENestJS
FarmDex
농작물 재배 가이드 · 웹 + Android 배포
공공데이터로 이달의 텃밭과 작물 도감을 제공하는 서비스, 직접 배포해 운영 중
Next.js 16SupabaseTailwind CSS 4WebView
Next.js 15 성능 최적화 시리즈
측정 기반 최적화 — Lighthouse 100 · LCP 0.6s → 0.4s · CLS 0
REST AREA — TECH STACK
CORE
ReactTypeScriptJavaScript (ES6+)
STATE & DATA
TanStack QueryReact Hook FormZustand
UI
MUISCSS
GLOBAL & A11Y
i18n (40 langs)WCAG / a11y
TOOLING
Vite · pnpmNode.jsGA · Monorepo
NEXT STOP — CONTACT
THANKS FOR RIDING
다음 목적지는 함께 정해요. 언제든 연락 주세요.
© 2026 JEON HYUNGHO · SEOUL, KOREA