FRONTEND · PAYMENT · B2B
김용희.
5년차 프론트엔드 엔지니어
JK/AM 기업 프로덕트팀
2022.06 - 현재
광고 결제·기업용 검색·웹뷰를 개발하고,
AI로 서비스 오류 수정과 검증을 자동화합니다.
CPC 광고의 자금 흐름, 기업용 검색·제안, 웹뷰 광고·행동 데이터를 개발했습니다.
대화형 AI 인재 추천 서비스의 프론트엔드를 개발하고, 서비스 오류 수정·검증을 자동화했습니다.
React · TypeScript · Next.js · React Native
광고 결제·기업 고객의 업무 흐름
- PAYMENT광고 자금 흐름
충전·사용·환불·증빙
- B2B PRODUCT기업 고객 업무
검색·조건 저장·제안 상태
- WEBVIEW · DATA앱 안의 광고 경험
세션 유지·광고 연동·행동 기록
CPC 광고 결제 · 충전부터 사용·환불·증빙까지
프론트엔드·상태·API 연동 설계기업 고객이 클릭당 과금 광고를 이용하는 데 필요한 자금 흐름을 화면군 5종으로 구현했습니다.
- 광고 이용내역·포인트 충전·차감·환불·소멸 예정·전자세금계산서·선결제 화면을 만들고, 결제 정책과 상태 전이를 문서화했습니다.
- 충전요청 생성 → SDK 결제창 호출 → 성공·실패·예외 분기를 공통 훅으로 묶었습니다. 과금 API 연동(BFF)과 UX 예외 처리를 설계했습니다.
- 트리셰이킹으로 발생한 결제 SDK 크래시의 원인을 규명했습니다. 회피 설정으로 대응한 뒤 SDK 수정 반영을 확인하고 회피 설정을 제거했습니다.
기업회원 인재검색 · 조건 저장·제안 상태 관리
신규 구축·API 마이그레이션기업 고객이 인재를 찾고 면접을 제안하는 업무 흐름을 구현했습니다.
- 추천 인재·복합 필터·and/or/not 검색·조건 저장을 구현하고 검색조건 유실을 수정했습니다. 면접 제안·결과 통보의 발송 상태를 모델링해 중복 발송을 방지했습니다.
- 구버전 코드를 격리·점진 제거하면서 인재 데이터 API를 신버전으로 전면 이관하고, 검색 요청을 BFF 경유 구조로 재구성했습니다.
웹뷰 광고 연동 · 로그인·행동 데이터
iOS·Android 웹뷰앱 안에서 광고가 동작하고, 화면 이동 후에도 로그인과 행동 기록이 이어지도록 개선했습니다.
- 카카오 애드핏 광고를 삽입하고 iOS의 광고 새 창 동작을 수정했습니다. 앱 브릿지·딥링크와 토큰 갱신으로 로그인 끊김을 해결했습니다.
- 이벤트 이름과 형식을 정규화하고 GA·Braze·AppsFlyer·Hotjar에 연동해, 앱·웹 사이의 행동 데이터 수집을 안정화했습니다.
인재 추천·서비스 유지보수
대화로 채용 조건을 입력하면 AI가 인재를 추천하는 서비스의 프론트엔드를 개발했습니다. 서비스 오류를 AI가 수정·검증하고 리뷰를 요청하는 자동화도 구축했습니다.
AI 적용 사례 보기AI 업무 적용과 서비스 개선
대화형 AI 인재 추천채용 조건 입력 → 추천 인재 확인
채용 담당자가 AI와 대화하며 인재를 추천받는 서비스의 프론트엔드를 개발했습니다. SSE 응답을 마크다운·위젯으로 표시하고, onAction 핸들러와 인증·결제를 연결했습니다. 위젯 클릭·세션 시작·전환을 기록하는 GTM/GA 이벤트도 설계했습니다. 추천 서비스 구조 (새 탭)
서비스 오류 처리 자동화오류·개발 요청 → 수정·검증·리뷰
Sentry·Jira·Notion·GitLab의 작업 조회와 AI 코드 수정·테스트·빌드·리뷰 요청을 연결했습니다. 미해결 오류를 야간 큐에서 처리하고, 처리 범위·중단 조건과 담당자 승인 절차를 뒀습니다. 머지 후 작업 상태 누락을 발견해 실제 머지 상태 기준으로 동기화하도록 수정했습니다. 자동화 구조 (새 탭)
AI 작업 규칙·지식 검색사내 저장소 2곳에 구축·이식
서비스 코드를 수정하는 AI의 설계·구현·리뷰 권한을 분리하고, 실행 훅으로 위험 편집과 검증 누락을 차단했습니다. 필요한 규칙의 본문·출처·검토 상태를 조회하는 CLI를 개발하고, 문서 연결 오류와 검색 변경 전후의 결과를 검사했습니다. 실행 제어 (새 탭) · 지식 검색 (새 탭)
알바몬 앱인토스React Native · FE 단독 출시
공고 탐색·지원·내역·스크랩의 설계·개발·배포·QA를 단독으로 맡았습니다. FlashList·목록 로딩·캐싱을 개선하고 HTTP Client의 공통 오류 처리와 화면 복구를 구현했습니다. 인가코드 발급 화면으로 통합인증·백엔드팀의 독립 테스트를 지원했습니다. 출시·개선 (새 탭)
공고 탐색·지원 개선다중 필터·지도·URL 정합성
다중 필터와 검색 라우팅을 재설계하고, CDN에 적재한 매핑 데이터로 지도 위치를 행정코드로 변환했습니다. 뒤로가기 시 조건·결과 불일치를 수정하고 검색 페이지 통합과 무한스크롤 재설계로 목록 렌더링 지연을 줄였습니다. 탐색 구조 (새 탭)
개인 개발·팀 프로젝트
RN Network Debugger개인 개발
Node.js 프록시와 Android·iOS 요청 수집 코드를 연결해, React Native의 요청·응답을 Chrome 개발자 도구에서 확인하도록 구현했습니다.
Biolem · 시간의무덤iOS App Store 출시 완료
React Native로 사진·장소·글을 남기고 지도와 달력으로 돌아보는 개인 기록 앱을 개발했습니다. Kotlin·Spring Boot API 서버를 구현하고, GitHub Actions와 Docker로 AWS EC2 서버 배포를 자동화했습니다. iOS 배포 과정 (새 탭)
사내 맛집 지도동료들과 출시 · PO·개발
동료들과 맛집 지도·메뉴 추천 서비스를 기획·출시하고 PO·개발을 맡았습니다.
기술·학력
- 프론트엔드
- React · TypeScript · Next.js · React Native · React Query · Zustand
- 서버·배포
- Node.js · NestJS · Kotlin · PostgreSQL · AWS · Docker · GitHub Actions
- 개발·자동화
- Claude Code · CLI/Hooks · GitLab
- 모니터링·분석
- Sentry · Grafana · GA/GTM · Braze · AppsFlyer · Hotjar
- 협업
- Notion · Slack · Jira
가톨릭대학교 컴퓨터정보공학부
졸업 2021.02
삼성 청년 SW 아카데미 · SSAFY 6기
웹 전공 수료 2021.07 - 2022.06
정보처리기사
취득 2024.09
링커스타 수상
사내 협업 역량 인정 2023.07