경력 본문으로 이동규칙 · 도구 · 권한 · 검증
프론트엔드 엔지니어 · 5년차
재직 중웍스피어
재직 중2022.06 —웍스피어잡코리아 & 알바몬 · JK/AM 기업 프로덕트팀
CPC · 광고 포인트광고 포인트 충전₩110,0001만원50만원충전하기
충전 완료충전 · 사용 · 환불 · 증빙
인재 검색React · TypeScript
ANDORNOT
ANDORNOT
검색 조건 저장
추천 인재후보 AReact · TS면접 제안발송됨
후보 BReact · TS면접 제안
후보 CReact · TS면접 제안
React 5년차 찾아줘
조건에 맞는 인재를 찾았어요.
React·TS 경력 순으로 정리했어요.
채용 조건을 입력하세요채용 조건을 입력하세요React 5년차 찾아줘
9:41
채용 공고지원하기
AD · 광고 영역
apply_clickapply_click → 4GABrazeAppsFlyerHotjar
로그인 유지토큰 갱신 · 앱 브릿지
앱인토스 미니앱React Native
지원
지원
지원
지원
지원
지원
지원
지원
공고 · 지원 · 지원내역 · 스크랩
강남구강남구편의점편의점주말주말+ 필터
역삼동 → 강남구 11680조건 · 결과 일치
/search?area=11680&day=weekend
SentryJiraNotionGitLab
Sentry오류
Jira개발 요청
Notion기획
GitLabMR
AI 수정 시작본인 PC에서 실행
수정테스트·빌드리뷰 요청최종 반영은 사람이 승인야간 · 평일 루틴
Sentry 미해결 오류
GitLab 이슈 큐
AI 수정 · 러너 2개
테스트 · 빌드
리뷰 요청
머지는 사람만설계구현리뷰
설계구현리뷰
hook레거시 코드 편집차단
hook파괴적 명령차단
hook검증 없이 작업 종료차단
마무리 검증 통과 → 종료
사내 저장소 2곳에 구축 · 이식결제 상태 전이CLI
상태 전이 규칙검토됨
예외 처리 규칙검토됨
API 연동 규칙검토 대기
부분 읽기 · 적용 대상 · 출처선행 규칙 연결 · 순환 참조 없음
Biolem · 시간의무덤
2026 · 10일월화수목금토1234567891011121314151617181920212223242526272829303114
GitHub Actions · Docker → AWS EC2
iOS App Store 출시 완료
⌘K
이력esc
이력서/submit
경력 상세/about
Brain · 경력 연결/brain
이력서 열기/submit
프론트엔드 엔지니어 · 5년차
김용희
검색·채용·광고 결제 서비스를 웹과 앱으로 개발해 왔고, 2026년에는 개발 업무를 AI 중심으로 바꾸는 일을 실무에서 직접 실행하고 있습니다.
- 현재
- 웍스피어 · 잡코리아 & 알바몬
- 팀
- JK/AM 기업 프로덕트팀
- 기간
- 2022.06 — 현재
- 주력
- React · TypeScript · Next.js · React Native
SELECTED WORK
주요 경력
이력서와 같은 2026년 프로젝트 10가지, 그 외 회사 프로젝트 3가지와 개인 앱 1가지입니다. 각 항목의 링크는 제품으로 보는 이력서의 해당 장을 열고, “영상으로 보기”는 위 영상의 해당 장면을 재생합니다.
2026년 프로젝트
- 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로 제출하며 실무에 사용
- 02
2026 · 사내 저장소 2곳
AI 개발 하네스·CLI
한 일
- AI 코딩 도구(Claude Code)의 작업 규칙·Skills·Hooks를 웹·모바일 저장소에 적용, Codex 연동
- AI가 위험한 명령을 실행하거나 자동 생성 파일을 고치지 못하게 차단(PreToolUse Hook), 코드 변경 후 검증 누락을 감지해 작업 종료 제어(PostToolUse·Stop Hook)
- GitLab 코드 리뷰 요청(MR) 생성·브랜치 동기화·리뷰어 지정 자동화
- 저장소 규칙에 맞춘 커밋·MR 작성 도구 2개 개발, 동료가 다른 작업 절차에 연결해 재사용
- 프로젝트 규칙 문서를 검색·부분 조회하는 CLI 개발, 문서 링크 누락·순환 참조 검사
- 03
알바몬 · 2026.01 - 03
모바일 검색 구조 개편
한 일
- 조건검색·지도검색·통합검색과 테마별 채용 목록 4종(지역·업직종·장년·단기)에 흩어진 지역·근무조건 필터를 공통 화면 하나로 통합, 웹 전체 사용자에게 배포
- 화면 이동·뒤로가기에서 검색조건이 사라지거나 남던 문제를, URL 검색조건을 다루던 코드 27곳을 공용 함수로 모으고 유지할 조건을 목록으로 정해 해결
- 필터를 누르면 화면부터 바꾸던 방식(낙관적 업데이트)을 서버 응답 후 반영으로 바꿔 필터와 검색 결과 불일치 수정
- 앱 안의 웹 화면에서도 위치 권한 동의와 지도 초기화가 이어지도록 네이티브 앱과 연동
- 새 화면을 지원하지 않는 구버전 앱은 기존 화면으로, 지역 조회 API 장애 시엔 대체 API로 연결
- 04
Talent Agent · 2026.03 - 05
대화형 AI 채용 서비스
한 일
- 유료 상품 출시를 위해 휴대폰 본인인증·결제 SDK를 연동하고, 상품 선택부터 결제 후 잔액 확인까지 잇는 결제 API 서비스 레이어 구축
- 잔액 비교로는 결제 실패와 반영 지연을 구분할 수 없어, 결제 상태를 주기적으로 조회(폴링)하는 방식으로 바꿔 완료·실패·시간 초과를 구분해 안내 (화면 이탈 시 조회 중단, 상태별 테스트 21개)
- 여러 팀이 함께 쓰는 공용 채팅 컴포넌트를 함께 개선해 AI 스트리밍 응답(SSE)을 마크다운·기능 위젯으로 표시, 공용 코드 테스트 47개 보강
- 대화 속 검색조건 미리보기에서 바로 검색 실행, 다시 연 과거 대화의 검색·선택 버튼은 잠가 중복 실행 방지
- 사용자 행동(노출·클릭·검색) 데이터를 사내 분석 시스템으로 수집, 수집용 API 키는 서버로 분리
- 05
잡코리아 · 2026.06 - 08
인재검색·면접 제안
한 일
- 기업회원용 인재검색·인재관리를 새 기업회원 서비스로 옮기며 구버전 API 연동 코드를 분리해 v2 API로 이관, 검색 요청은 프론트엔드 전용 중간 서버(BFF)로 전환
- 새 서비스에 없던 면접 제안·결과 통보·발송 이력을 중복 발송 방지·답변 기한 만료 같은 예외 처리까지 개발, 서버 규격 확정 전엔 Mock 데이터로 화면을 먼저 만들고 확정 후 연결
- 복합 조건 검색 개발, 저장한 검색조건을 불러올 때 키워드·외국어·경력기간·구직상태·산업 조건이 빠지던 문제 수정
- 인재검색 광고를 사내 광고 플랫폼에 연결하고 공통 모듈로 분리, 동료가 인재관리 화면 광고 배너에 재사용
- 06
알바몬 · 2026.07 - 10
광고 결제·충전·환불
한 일
- 신규 광고 상품 출시에 맞춰 기업회원 광고 충전금의 충전·환불·이용내역·세금계산서를 PC·모바일 웹에 개발(담당 API 29종), iOS는 조회 전용 화면 구성
- 결제 직후 잔액이 반영되기 전에 완료 화면이 열리던 문제를, 실제 반영을 확인한 뒤 완료 처리하도록 수정
- 운영 빌드에서만 결제 화면이 멈추던 원인을 빌드 최적화(트리셰이킹)로 SDK 코드가 빠지는 문제로 찾아 SDK 제공 팀과 해결
- 결제 정책·오류 대응을 문서로 정리해 AI가 타입 50개·API 호출 코드를 생성하고, PC 결제 코드와 오류 해결 방법을 모바일 웹에 재사용
- 07
잡코리아 · 2026.08 - 현재
채용공고 관리 개편
한 일
- 공고 구조 개편에 맞춰 공고·임시저장·광고 이용내역 화면을 v2 API로 전환
- 통합 검색·필터·정렬 개발, 공고 상태에 맞춰 보기·수정·복사·마감·삭제 동작 연결
- 다른 화면에서 돌아와도 검색조건·페이지 번호 복원, 지원자 목록 이동 시 선택 조건 유지
- 08
알바몬 × 나인하이어 · 2026.10 - 현재
외부 채용 솔루션 계정 연동
한 일
- 외부 채용 솔루션(나인하이어)에서 알바몬 기업 계정을 연결하는 로그인 흐름 개발, 추가 인증을 거쳐도 진입 정보와 복귀 주소 유지
- 두 서비스에서 같은 공고를 다르게 고치지 않도록 연동 공고의 출처를 표시하고 수정·일괄수정·마감·재등록·삭제·지원자 보기 6개 동작 제한
- 일반 공고와 연동 공고가 섞인 목록에서도 일반 공고를 잘못 막거나 연동 공고를 일괄 수정하지 않도록 처리
- 09
알바몬 · 2026.10 - 현재
신규 결제 서비스 전환
한 일
- 공고 상품·패키지·이력서 열람·알바제의·이력서 강조의 실제 구매 경로를 조사해 새 결제 서비스로 옮길 대상 정리
- PC·모바일 웹의 상품별 결제를 새 결제창에 연결하고 공통 결제 함수 수정, 주문 생성 실패 시 진입을 막고 오류 안내
- 무료 공고 등록·유료 결제·앱 이동을 구분해 로그인 유지와 결제 후 복귀 처리, 이용내역·미입금 주문·취소·영수증 화면을 새 조회 규격으로 전환
- 전환 대상이 아닌 상품과 기존 가상계좌는 기존 결제 경로를 유지하고, 같은 주문이 두 결제 경로로 들어가지 않도록 검수
- 10
2026 · 공통 기여
보안 검사·SDK 운영
한 일
- 코드를 올릴 때마다 보안 취약점을 자동 검사하도록 5개 저장소에 적용 (SAST·CI 연동)
- 마케팅 SDK(Braze)의 탈퇴 회원 데이터 삭제 시 비동기 처리 충돌 방어
그 외 회사 프로젝트
- 11
알바몬 앱인토스 · React Native
토스 내 구인·구직 앱
한 일
- React Native 구인·구직 앱의 FE 설계·개발·배포·QA 단독 담당
- FlashList로 목록 렌더링 개선, 캐싱으로 조회 데이터 재사용
- 토스 미니앱 프레임워크(Granite)로 마이그레이션
- HTTP 응답 오류 공통 처리, 오류 코드에 따라 화면 이동 이력 초기화·복구
- 인증 테스트 화면으로 백엔드팀의 독립적인 연동 검증 지원
- 12
알바몬 · React Query · Zustand
검색 상태·목록 성능 개선
한 일
- Zustand로 검색 페이지 상태 통합
- React Query 기반 무한스크롤 재설계
- 필터·URL·서버 조회 조건을 일치시키도록 라우팅 정리
- CDN 지역 데이터로 추가 API 호출 없이 지도 위치를 검색용 지역 코드로 변환
- 13
iOS · Android WebView
앱·웹 로그인·분석 연동
한 일
- 네이티브 앱과 웹 화면 간 통신·딥링크·토큰 갱신을 연결해 앱 안 화면 이동 중 로그인이 끊기던 문제 수정
- GA·Braze·AppsFlyer·Hotjar 사용자 행동 이벤트의 이름·형식 통일
SIDE PROJECTS
개인·팀 프로젝트
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기웹 전공 수료
- 정보처리기사취득
- 링커스타 수상사내 협업 역량 인정