경력 본문으로 이동
계정
장면 이동

프론트엔드 엔지니어 · 5년차

김용희

검색·채용·광고 결제 서비스를 웹과 앱으로 개발해 왔고, 2026년에는 개발 업무를 AI 중심으로 바꾸는 일을 실무에서 직접 실행하고 있습니다.

현재
웍스피어 · 잡코리아 & 알바몬
팀
JK/AM 기업 프로덕트팀
기간
2022.06 — 현재
주력
React · TypeScript · Next.js · React Native
SELECTED WORK

주요 경력

이력서와 같은 2026년 프로젝트 10가지, 그 외 회사 프로젝트 3가지와 개인 앱 1가지입니다. 각 항목의 링크는 제품으로 보는 이력서의 해당 장을 열고, “영상으로 보기”는 위 영상의 해당 장면을 재생합니다.

2026년 프로젝트

  1. 01

    이슈링커 · 사내 개발 도구 · 2026.09 - 현재

    AI 기반 이슈 처리 자동화

    한 일

    • 업무 요청(Jira·사내 업무 보드·Notion), 운영 오류(Sentry·Grafana), 코드 리뷰(GitLab)가 6개 도구에 흩어져 AI에 맥락을 매번 다시 전달하던 과정을, 이슈 확인 → AI 분석·수정 → 변경 검토 → MR 생성까지 한 흐름으로 연결
    • 이슈 원문·댓글·첨부 이미지에 Figma 디자인·Notion 정책·관련 저장소 코드를 근거로 붙여 AI 작업에 전달하고, 후속 대화는 같은 세션을 이어 쓰며 작업 기록 복원
    • AI 실행 과정을 대화·계획·명령·파일 변경·하위 에이전트 상태로 나눠 보여 주는 작업 지도와 변경 결과(diff) 화면 개발, 저장소별 여러 작업 동시 진행
    • 사용자와 AI가 같은 전용 Chrome으로 화면을 함께 검수하고, 화면에서 고른 요소의 DOM·컴포넌트·소스 위치를 작업 요청에 바로 전달
    • 프론트엔드와 함께 고칠 백엔드 저장소(BFF 등)를 한 작업 문맥에 묶고, 저장소별 diff와 MR 대상 선택 지원
    • 앱 안에서 변경 파일 검토·선택 커밋·브랜치 관리·타겟 동기화·충돌 해소·MR 생성까지 처리, 쓰기 직전 브랜치·파일 상태를 다시 확인해 중복 MR·잘못된 반영 방지
    • 20여 개 저장소의 Jenkins·GitLab CI 배포를 앱 안에서 원클릭으로 실행하도록 연결
    • 작업 중 후속 지시·수정 중단·변경 검토로 개발자가 반영 여부를 결정하도록 설계, 이슈를 무인으로 일괄 수정하는 방식은 의도적으로 제외
    • 서비스 자격증명은 macOS Keychain에 보관하고 연결별 권한 경계를 분리, 비밀번호는 AI 프롬프트에 넣지 않고 수집 이슈의 개인정보는 마스킹
    • MCP 연결 재사용·조회 병렬화·상세 선조회로 이슈 상세 열기 지연 단축 (같은 이슈 3회 측정: 사내 업무 보드 약 1.2초 → 0.3초대, Notion 최대 3.5초 → 0.3초 미만)
    • Swift(WKWebView) macOS 앱과 Claude Code 플러그인으로 패키징, 설치·새 버전 안내·로컬 서버 수명 관리
    • Jira 업무·Sentry 오류에서 시작한 작업을 본인 공고관리 개발 MR로 제출하며 실무에 사용
  2. 02

    2026 · 사내 저장소 2곳

    AI 개발 하네스·CLI

    한 일

    • AI 코딩 도구(Claude Code)의 작업 규칙·Skills·Hooks를 웹·모바일 저장소에 적용, Codex 연동
    • AI가 위험한 명령을 실행하거나 자동 생성 파일을 고치지 못하게 차단(PreToolUse Hook), 코드 변경 후 검증 누락을 감지해 작업 종료 제어(PostToolUse·Stop Hook)
    • GitLab 코드 리뷰 요청(MR) 생성·브랜치 동기화·리뷰어 지정 자동화
    • 저장소 규칙에 맞춘 커밋·MR 작성 도구 2개 개발, 동료가 다른 작업 절차에 연결해 재사용
    • 프로젝트 규칙 문서를 검색·부분 조회하는 CLI 개발, 문서 링크 누락·순환 참조 검사
  3. 04

    Talent Agent · 2026.03 - 05

    대화형 AI 채용 서비스

    한 일

    • 유료 상품 출시를 위해 휴대폰 본인인증·결제 SDK를 연동하고, 상품 선택부터 결제 후 잔액 확인까지 잇는 결제 API 서비스 레이어 구축
    • 잔액 비교로는 결제 실패와 반영 지연을 구분할 수 없어, 결제 상태를 주기적으로 조회(폴링)하는 방식으로 바꿔 완료·실패·시간 초과를 구분해 안내 (화면 이탈 시 조회 중단, 상태별 테스트 21개)
    • 여러 팀이 함께 쓰는 공용 채팅 컴포넌트를 함께 개선해 AI 스트리밍 응답(SSE)을 마크다운·기능 위젯으로 표시, 공용 코드 테스트 47개 보강
    • 대화 속 검색조건 미리보기에서 바로 검색 실행, 다시 연 과거 대화의 검색·선택 버튼은 잠가 중복 실행 방지
    • 사용자 행동(노출·클릭·검색) 데이터를 사내 분석 시스템으로 수집, 수집용 API 키는 서버로 분리
  4. 05

    잡코리아 · 2026.06 - 08

    인재검색·면접 제안

    한 일

    • 기업회원용 인재검색·인재관리를 새 기업회원 서비스로 옮기며 구버전 API 연동 코드를 분리해 v2 API로 이관, 검색 요청은 프론트엔드 전용 중간 서버(BFF)로 전환
    • 새 서비스에 없던 면접 제안·결과 통보·발송 이력을 중복 발송 방지·답변 기한 만료 같은 예외 처리까지 개발, 서버 규격 확정 전엔 Mock 데이터로 화면을 먼저 만들고 확정 후 연결
    • 복합 조건 검색 개발, 저장한 검색조건을 불러올 때 키워드·외국어·경력기간·구직상태·산업 조건이 빠지던 문제 수정
    • 인재검색 광고를 사내 광고 플랫폼에 연결하고 공통 모듈로 분리, 동료가 인재관리 화면 광고 배너에 재사용
  5. 06

    알바몬 · 2026.07 - 10

    광고 결제·충전·환불

    한 일

    • 신규 광고 상품 출시에 맞춰 기업회원 광고 충전금의 충전·환불·이용내역·세금계산서를 PC·모바일 웹에 개발(담당 API 29종), iOS는 조회 전용 화면 구성
    • 결제 직후 잔액이 반영되기 전에 완료 화면이 열리던 문제를, 실제 반영을 확인한 뒤 완료 처리하도록 수정
    • 운영 빌드에서만 결제 화면이 멈추던 원인을 빌드 최적화(트리셰이킹)로 SDK 코드가 빠지는 문제로 찾아 SDK 제공 팀과 해결
    • 결제 정책·오류 대응을 문서로 정리해 AI가 타입 50개·API 호출 코드를 생성하고, PC 결제 코드와 오류 해결 방법을 모바일 웹에 재사용
  6. 07

    잡코리아 · 2026.08 - 현재

    채용공고 관리 개편

    한 일

    • 공고 구조 개편에 맞춰 공고·임시저장·광고 이용내역 화면을 v2 API로 전환
    • 통합 검색·필터·정렬 개발, 공고 상태에 맞춰 보기·수정·복사·마감·삭제 동작 연결
    • 다른 화면에서 돌아와도 검색조건·페이지 번호 복원, 지원자 목록 이동 시 선택 조건 유지
  7. 08

    알바몬 × 나인하이어 · 2026.10 - 현재

    외부 채용 솔루션 계정 연동

    한 일

    • 외부 채용 솔루션(나인하이어)에서 알바몬 기업 계정을 연결하는 로그인 흐름 개발, 추가 인증을 거쳐도 진입 정보와 복귀 주소 유지
    • 두 서비스에서 같은 공고를 다르게 고치지 않도록 연동 공고의 출처를 표시하고 수정·일괄수정·마감·재등록·삭제·지원자 보기 6개 동작 제한
    • 일반 공고와 연동 공고가 섞인 목록에서도 일반 공고를 잘못 막거나 연동 공고를 일괄 수정하지 않도록 처리
  8. 09

    알바몬 · 2026.10 - 현재

    신규 결제 서비스 전환

    한 일

    • 공고 상품·패키지·이력서 열람·알바제의·이력서 강조의 실제 구매 경로를 조사해 새 결제 서비스로 옮길 대상 정리
    • PC·모바일 웹의 상품별 결제를 새 결제창에 연결하고 공통 결제 함수 수정, 주문 생성 실패 시 진입을 막고 오류 안내
    • 무료 공고 등록·유료 결제·앱 이동을 구분해 로그인 유지와 결제 후 복귀 처리, 이용내역·미입금 주문·취소·영수증 화면을 새 조회 규격으로 전환
    • 전환 대상이 아닌 상품과 기존 가상계좌는 기존 결제 경로를 유지하고, 같은 주문이 두 결제 경로로 들어가지 않도록 검수
  9. 10

    2026 · 공통 기여

    보안 검사·SDK 운영

    한 일

    • 코드를 올릴 때마다 보안 취약점을 자동 검사하도록 5개 저장소에 적용 (SAST·CI 연동)
    • 마케팅 SDK(Braze)의 탈퇴 회원 데이터 삭제 시 비동기 처리 충돌 방어

그 외 회사 프로젝트

  1. 11

    알바몬 앱인토스 · React Native

    토스 내 구인·구직 앱

    한 일

    • React Native 구인·구직 앱의 FE 설계·개발·배포·QA 단독 담당
    • FlashList로 목록 렌더링 개선, 캐싱으로 조회 데이터 재사용
    • 토스 미니앱 프레임워크(Granite)로 마이그레이션
    • HTTP 응답 오류 공통 처리, 오류 코드에 따라 화면 이동 이력 초기화·복구
    • 인증 테스트 화면으로 백엔드팀의 독립적인 연동 검증 지원
  2. 12

    알바몬 · React Query · Zustand

    검색 상태·목록 성능 개선

    한 일

    • Zustand로 검색 페이지 상태 통합
    • React Query 기반 무한스크롤 재설계
    • 필터·URL·서버 조회 조건을 일치시키도록 라우팅 정리
    • CDN 지역 데이터로 추가 API 호출 없이 지도 위치를 검색용 지역 코드로 변환
  3. 13

    iOS · Android WebView

    앱·웹 로그인·분석 연동

    한 일

    • 네이티브 앱과 웹 화면 간 통신·딥링크·토큰 갱신을 연결해 앱 안 화면 이동 중 로그인이 끊기던 문제 수정
    • GA·Braze·AppsFlyer·Hotjar 사용자 행동 이벤트의 이름·형식 통일

개인 개발

  1. 14

    개인 개발 · iOS App Store 출시

    시간의무덤

    한 일

    • 사진·장소·글을 남기고 지도·달력으로 돌아보는 기록 앱을 React Native로 개발해 iOS App Store에 출시 (Xcode 서명·심볼·권한 오류 해결)
    • Kotlin·Spring Boot API 서버 구현
    • GitHub Actions·Docker로 AWS EC2 서버 배포 자동화
SIDE PROJECTS

개인·팀 프로젝트

  • 개인 개발 · 개발 도구

    RN Network Debugger

    Node.js 프록시와 Android·iOS 요청 수집 코드를 연결해, React Native의 요청·응답을 Chrome 개발자 도구에서 확인하도록 구현했습니다.

    디버거 구조
  • 동료들과 출시 · PO·개발

    사내 맛집 지도

    동료들과 맛집 지도·메뉴 추천 서비스를 기획·출시하고 PO·개발을 맡았습니다.

    프로젝트 흐름
TOOLS · EDUCATION

기술과 학력

프론트엔드
React · TypeScript · Next.js · React Native · React Query · Zustand
서버·배포
Node.js · NestJS · Kotlin · Spring Boot · PostgreSQL · AWS · Docker · GitHub Actions
개발·자동화
Claude Code · Codex · MCP · CLI/Hooks · GitLab
모니터링·분석
Sentry · Grafana · GA/GTM · Braze · AppsFlyer · Hotjar
협업
Notion · Figma · Slack · Jira
  • 가톨릭대학교 컴퓨터정보공학부졸업
  • 삼성 청년 SW 아카데미 · SSAFY 6기웹 전공 수료
  • 정보처리기사취득
  • 링커스타 수상사내 협업 역량 인정