About

소개

가독성 · 효율 · 최적화 · 최신 기술 — 네 축을 같은 무게로 다루는 프론트엔드 엔지니어.

2024년 중반부터는 새 제품의 거의 모든 라인을 Claude AI agent와의 페어 프로그래밍으로 작성합니다. 제 자리는 "무엇을 만들지 · 어떻게 설계할지 · 가독성과 효율을 어떻게 지킬지"를 결정하고 검증하는 곳입니다. 코드를 누가 쳤느냐보다, 결과가 빠르고 깨끗하고 다음 사람이 읽기 좋은지가 더 중요한 질문이라고 봅니다.

사내에서 AI agent 도입을 처음 추진했고 Claude 활용 세미나 를 직접 진행해 팀의 작업 방식을 함께 바꿔왔습니다. AI 도입 전엔 도중에 무너지던 마이그레이션·재구축 시도가 AI agent를 들이고 나서 안정적으로 완주하는 패턴이 됐고 — 운영 중단 없이 한 달 만에 완주한 MeetMate v4 재구축이 가장 분명한 예시입니다.

운영 중인 코드베이스를 다루든 신규를 만들든, 빌드·번들 예산·디렉터리 경계·회귀 테스트·접근성을 CI 가드로 박는 자리에 시간을 가장 많이 씁니다. 만드는 것만큼 실제 사용자 앞에 내보내고 지키는 일도 중요하게 봅니다. 2026년에는 MeetMate 모바일 앱을 App Store·Google Play에 처음 출시해 5주 동안 1.0.5까지 배포했고, 여러 사람이 2년간 쌓은 LMS 코드베이스를 인계받아 혼자 운영하고 있습니다. 그 바탕에는 ClassMate(2023, AI 도입 전 hand-written)에서 손으로 쌓은 기본기가 있습니다.

Skills

다루는 도구

Languages
TypeScript · JavaScript · HTML · CSS · SCSS
Frameworks
React 19 · React Native · Next.js 14 · Astro
State & Data
Zustand · TanStack Query · Jotai · React Hook Form · Zod
Styling
Tailwind CSS · styled-components · Emotion + MUI · SCSS Modules · Vanilla Extract
Realtime / Media
lib-jitsi-meet (WebRTC SFU) · react-native-webrtc · WebSocket · Server-Sent Events · Web Audio API · TFLite WASM · three.js
Build & Tooling
Vite + SWC · Turborepo · pnpm workspaces · Webpack · Biome · Lefthook · Jenkins · R8 · Hermes
Testing
Vitest · Jest · Testing Library · Playwright · Maestro · XCUITest · axe-core
AI / Workflow
Claude AI agent pair programming · AI-orchestrated migrations · 사내 AI 도입 추진 + 세미나
Practices
Feature-Sliced Design · Suspense-first · 접근성 (WCAG 2.1/2.5) · 번들 예산 CI 가드 · 회귀 테스트 invariant · 스토어 출시 · 심사 대응
Experience

경력

2022.10 — 현재

Frontend Engineer · Querensys

6개 제품에 걸쳐 프론트엔드를 담당해왔습니다 — NMS-Web 2년 프론트엔드 단독 운영, MeetMate 화상회의 웹·모바일 양쪽 프론트엔드 단독 책임(모바일은 2026.08 스토어 첫 출시), 2026.06 인계받은 학원 LMS 웹 단독 운영이 단독 작업의 핵심이고, ClassMate(2023 hand-written) · CBR(RAG 챗봇)에서는 팀의 한 사람으로 특정 영역(권한·알림·SSE 스트리밍 등)을 맡았습니다. 2024년 중반부터 Claude AI agent와의 페어 프로그래밍을 표준 작업 방식으로 두고, 사내 AI 도입을 처음 추진해 Claude 활용 세미나를 진행했습니다.

Talks · Materials

발표 · 자료

Claude AI Agent 활용 세미나 발표 첫 슬라이드 미리보기
2025.04 · 사내 세미나

Claude AI Agent 활용 세미나

Claude를 production 코드에 통합하는 워크플로와 실전 사례를 사내 개발팀 대상으로 발표했습니다. 회사 내 AI agent 도입의 출발점이 됐고, 이후 NMS·MeetMate·CBR 등 신규 작업이 AI 페어 프로그래밍으로 전환되는 계기가 됐습니다.

Contact

연락

Email devgihonghong@gmail.com
Location 서울, 대한민국