About

소개

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

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

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

운영 중인 코드베이스를 다루든 신규를 만들든, 빌드·번들 예산·디렉터리 경계·회귀 테스트·접근성을 CI 가드로 박는 자리에 시간을 가장 많이 씁니다. ClassMate(2023, AI 도입 전 hand-written)에서 손으로 쌓은 기본기 위에, 지금의 AI 페어 프로그래밍 워크플로가 올라가 있다는 게 이 흐름의 핵심입니다.

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) · WebSocket · Server-Sent Events · Web Audio API · TFLite WASM · three.js
Build & Tooling
Vite + SWC · Turborepo · pnpm workspaces · Webpack · Biome · Lefthook · Jenkins
Testing
Vitest · Jest · Testing Library · Playwright · axe-core · Puppeteer
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

5개 자체 제품에 걸쳐 프론트엔드를 담당해왔습니다 — NMS-Web 2년 프론트엔드 단독 운영과 MeetMate 화상회의 웹·모바일 양쪽 프론트엔드 단독 책임이 단독 작업의 핵심이고, 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 서울, 대한민국