김형진 포트폴리오

Meal Plan

육아휴직 기간에 가장 자주 마주한 문제는 ‘오늘 아이에게 어떤 요리를 해줄까’라는 일상적인 결정이었습니다. 단순한 선택처럼 보이지만, 선호·영양·안전·준비 시간까지 동시에 고려해야 해서 매일 반복되는 부담이 컸습니다.

이 문제를 기술로 풀기 위해, 단일 추천 모델이 아니라 역할이 다른 AI 에이전트를 오케스트레이션하는 구조를 설계했습니다. 메뉴 후보를 생성하는 에이전트, 연령/알레르기 조건을 검증하는 에이전트, 선택 근거를 설명하는 에이전트를 분리해 연결했습니다.

결과적으로 ‘추천 결과’만 보여주는 것이 아니라, 보호자가 납득하고 선택할 수 있는 의사결정 흐름을 만드는 데 집중했습니다.

AI 에이전트 오케스트레이션 기반 식단 의사결정 지원 프로젝트
아이 선호/날씨/재료 상황을 반영한 메뉴 후보 제안
추천 근거(트렌드·영양·가성비)와 안전 조건을 함께 설명하는 리포트 제공
링크: Meal Plan 서비스 보기

Cursor Remote

Cursor Remote는 육아휴직 중 실제 생활 맥락에서 시작된 프로젝트입니다. 아이가 ‘놀이터 가자’고 하면 하던 작업을 멈추고 함께 나가 최소 한 시간은 아이 곁에 있게 됩니다.

처음에는 아이와 계속 놀아주지만, 시간이 지나면 아이는 친구들과 어울리고 부모는 멍하니 휴대폰을 보게 되는 순간이 반복됐습니다. 그 시간을 단순 소비가 아닌, 개발 흐름을 잇는 시간으로 바꿀 수 없을지 고민했습니다.

그 질문에서 ‘휴대폰으로도 개발 맥락을 이어가자’는 아이디어가 나왔고, 중간중간 비는 짧은 시간에도 생산성을 유지하기 위한 원격 개발 도구로 Cursor Remote를 만들었습니다.

육아 중 짧은 공백 시간에도 개발 맥락을 유지하기 위한 모바일-우선 원격 개발 실험
Cursor IDE 확장 + PC 서버 + 모바일 앱을 연결하는 구조로 실사용 시나리오 검증
링크: VS Marketplace
링크: Cursor Remote 웹

ViewCube v1.0

ViewCube에서 가장 큰 난제는 ‘사용자 맞춤’의 정의 자체가 팀 내에서 명확히 합의되지 않았다는 점이었습니다. 무엇을, 어떤 기준으로, 어디까지 개인화할지 정하지 못하면 기능 우선순위와 화면 설계도 흔들릴 수밖에 없었습니다.

이 문제를 해결하기 위해 Product Owner 역할을 직접 맡아 사용자 맞춤의 기준을 정의하고, 기획·설계·개발을 한 흐름으로 연결해 프로젝트를 리드했습니다.

진행 과정에서 어려운 의사결정이 많았지만, 결과적으로 TTA GS 1등급 인증을 획득했고, 구현 과정에서 축적한 개선점을 react-grid-layout 오픈소스 기여로 확장할 수 있었습니다.

사용자 맞춤 기준 정의부터 제품 구조 설계까지 PO 관점으로 주도
Next.js, React Grid Layout, GraphQL 기반으로 맞춤형 데이터 시각화 구현
TTA GS 1등급 인증 획득 및 react-grid-layout 오픈소스 기여

대시보드 설정

템플릿 설정

위젯 배치

인천공항 자율주행 버스 관제

인천공항 자율주행 버스 관제 프로젝트에서는 지도 위 오브젝트 렌더링 성능이 핵심 과제였습니다. 차량·노선·이벤트 데이터를 동시에 표현해야 했기 때문에, 초기 구조만으로는 확대/이동 시 성능 저하가 쉽게 발생했습니다.

지도 최적화를 위해 GeoServer를 활용했고, 이를 통해 오브젝트 표시 성능을 실무 운영 수준으로 끌어올릴 수 있었습니다.

또한 폐쇄망 환경에서의 설정과 공항의 강력한 보안 정책을 준수하며 개발·운영하는 과정을 통해, 제한적인 인프라 조건에서도 안정적으로 서비스를 구현하는 대응 역량을 강화했습니다.

인천공항 T1 주차장–공항 구간 자율주행 버스 관제 솔루션 개발
GeoServer 기반 지도 오브젝트 렌더링 최적화
폐쇄망·강화된 보안 정책 환경에서 안정적 개발/운영 대응

모야모

모야모는 주 사용층에 연세가 높은 사용자가 많아, 화면을 극단적으로 확대해서 사용하는 케이스를 실제 운영에서 자주 마주했습니다. 일반적인 모바일 UI 기준만으로는 레이아웃이 쉽게 깨지고 주요 기능 접근이 어려워지는 문제가 반복됐습니다.

디자인만으로 해결이 어려운 구간이 많아지면서, 결국 개발 관점에서 확대 환경 대응을 직접 풀어가야 했습니다. 텍스트/버튼/리스트 구조를 확대 사용 시나리오 기준으로 다시 조정하며 실제 사용성을 개선했습니다.

또한 사진이 핵심 콘텐츠인 서비스 특성상 개인정보와 연결될 수 있는 처리 이슈를 지속적으로 다뤘고, 이 과정에서 데이터 취급과 사용자 보호 관점의 실무 역량을 크게 확장할 수 있었습니다.

고연령 사용자 확대 사용 환경을 고려한 접근성/레이아웃 대응
사진 중심 서비스에서 개인정보 처리 이슈를 실무 운영 관점으로 경험
MVVM, RxJava, Kotlin 기반 Android 앱 개발/운영

BBChat

BBChat은 제 커리어에서 사실상 첫 프런트엔드 프로덕트였고, 그래서 개인적으로 의미가 매우 큰 프로젝트입니다. 상태관리 라이브러리 선택부터 화면 구조, 데이터 흐름까지 대부분을 혼자 공부하고 찾아가며 완성했습니다.

특히 ‘어떤 상태관리 방식을 선택해야 서비스 운영이 가능한가’라는 질문을 직접 풀어가면서, 프런트엔드 아키텍처를 스스로 설계하고 검증하는 경험을 처음으로 깊게 쌓을 수 있었습니다.

또한 처음으로 AWS 인프라를 직접 다루며, 그간 인프라팀에 맡겼던 영역을 스스로 구축/운영해본 프로젝트이기도 합니다. 이 과정을 통해 서비스 전체를 보는 시야를 크게 확장할 수 있었습니다.

다국어 번역 메신저 서비스 프런트엔드 개발 및 운영
React SPA + Android(Java) 앱 개발/유지보수
번역 요청/완료 처리를 위한 운영 웹(backoffice) 개발
AWS 인프라 직접 구축/운영 경험

M& STUDIO

TV/라디오 생방송의 핵심 참여 시스템으로 운영됐기 때문에, 무엇보다 방송 사고를 막기 위한 안정적인 동작을 최우선으로 개발했습니다.

특히 생방송 중간에 방송 상황에 따라 요구사항이 즉시 바뀌는 경우가 자주 있었고, 그때마다 서비스가 흔들리지 않도록 안정적으로 변경 사항을 반영하는 역량이 중요했습니다.

또한 제가 설계한 오디션 프로그램 자막 형태가 현장에서 사실상 표준처럼 자리 잡았고, 사용자 피드백도 매우 긍정적이었습니다.

PD, 작가 등 실제 클라이언트와 긴밀하게 소통하며 요구를 조율하는 과정에서, 커뮤니케이션 능력과 비즈니스 협상 스킬도 함께 키울 수 있었습니다.

짧은 시간에 대량 메시지가 몰리는 방송 특성을 고려해 메시지 처리와 화면 렌더링을 지속적으로 최적화했고, 이를 통해 체감 성능을 끌어올릴 수 있었습니다.

생방송 참여 메시지 처리 시스템 설계/개발
방송 중 실시간 요구사항 변경 대응 및 안정적 반영
오디션 프로그램 자막 형태 표준화와 사용자 피드백 확보
대량 메시지/화면 처리 최적화를 통한 성능 개선

교량 균열 검출 시스템

현장에서는 자이로센서를 통해 하드웨어 흔들림을 최대한 보정했지만, 실제 운용 환경의 진동 특성까지 안정적으로 흡수하려면 결국 소프트웨어 보정이 필수였습니다.

이 문제를 해결하기 위해 균열 검출 알고리즘을 단독으로 제안했고, 제안한 알고리즘을 기반으로 균열 검출 소프트웨어를 직접 설계·개발했습니다.

또한 연구 결과를 바탕으로 관련 논문을 발표하며 알고리즘의 실효성과 확장 가능성을 검증했습니다.

자이로센서 기반 하드웨어 보정 + 소프트웨어 흔들림 보정 파이프라인 설계
원격제어 로봇 카메라 영상 기반 균열 검출 알고리즘 단독 제안
제안 알고리즘 기반 균열 검출 소프트웨어 단독 설계/개발
관련 논문 발표