PROFILE / BRAIN이력서 원문
KIM YONGHEE · FRONTEND ENGINEER
경험이 연결되는 방식.
검색부터 결제, 앱과 개발 도구까지.
직접 다룬 문제와 사용한 기술을 하나의 지도로 살펴보세요.
경력 연결 지도
06 경험 분야14 프로젝트57 구현 항목
분야를 누르면 연결이 펼쳐집니다. 노드나 목록에서 프로젝트를 선택하세요.
프로젝트의 문제와 구현을 차례로 읽으려면전체 프로젝트 보기
PROJECT INDEX
구현한 일, 남아 있는 근거.
01 /
검색·탐색
필터·URL·조회 결과의 상태를 일치시킵니다.
알바몬 · 2026.01 - 03모바일 검색 구조 개편
모바일 검색 구조 개편
검색조건의 유지·복원
- 조건검색·지도·채용 목록의 지역·근무조건 필터 공통화
- URL에 유지할 검색조건을 명시해 화면 이동·뒤로가기의 조건 불일치 수정
- 낙관적 업데이트를 제거해 검색 필터·서버 응답 간 상태 불일치 수정
- 지역 조회 API 장애 시 대체 API로 전환
- 앱 브릿지로 지도 초기화·위치 동의 연동
알바몬 · React Query · Zustand검색 상태·목록 성능 개선
검색 상태·목록 성능 개선
검색 상태·목록 성능
- Zustand로 검색 페이지 상태 통합
- React Query 기반 무한스크롤 재설계
- 필터·URL·서버 조회 조건을 일치시키도록 라우팅 정리
- CDN 지역 데이터로 추가 API 호출 없이 지도 위치를 검색용 지역 코드로 변환
02 /
채용 서비스
기업의 인재 탐색부터 제안·공고 관리까지 연결합니다.
Talent Agent · 2026.03 - 05대화형 AI 채용 서비스
대화형 AI 채용 서비스
대화·인증·결제 연결
- SSE 응답을 마크다운·기능 위젯으로 표시
- 휴대폰 본인인증·결제 SDK 연동, 결제 API 서비스 레이어 구축
- 잔액 조회를 이전 값 비교에서 결제 상태 기반 폴링으로 변경
- 화면 이탈 시 폴링 종료·관련 테스트 추가
- 노출·클릭·검색 이벤트 수집, 수집 API 키를 서버로 분리
잡코리아 · 2026.06 - 08인재검색·면접 제안
인재검색·면접 제안
검색·발송 상태 관리
- 구버전 API 연동 코드를 분리해 v2 API로 이관
- 검색 요청을 프론트엔드 전용 중간 서버(BFF)로 전환
- 복합 검색·면접 제안·결과 통보 개발, 저장 검색조건 복원 누락 수정
- enum으로 발송·만료 상태 구분, 발송 버튼의 중복 클릭 처리
- GA/GTM 클릭·페이지 조회 이벤트를 화면 경로 단위로 관리
잡코리아 · 2026.08 - 10채용공고 관리 개편
채용공고 관리 개편
공고·지원자 조건 유지
- 공고·임시저장·광고 이용내역 화면을 v2 API로 전환
- 검색조건·페이지 번호 복원, 지원자 목록 이동 시 선택 조건 유지
- 탭 건수·조회수 API 분리, 서버 응답·화면 집계 불일치 진단
- 고정 표 헤더가 키보드 포커스를 가리는 접근성 문제 수정
03 /
결제·정합성
결제 응답과 실제 잔액, 환불의 예외 상태를 다룹니다.
알바몬 · 2026.07 - 10광고 결제·충전·환불
광고 결제·충전·환불
잔액 확인·환불 예외
- PC·모바일 웹의 충전·환불·이용내역 개발, iOS 조회 전용 화면 구성
- 결제 SDK·BFF 타입·API 훅을 공통화해 PC·모바일 웹에서 재사용
- 결제 성공 응답 이후 실제 잔액 반영을 확인해 충전 완료 처리
- SDK 트리셰이킹 크래시 추적·회피 설정 적용, 수정 버전 반영 후 설정 제거
- 환불 증빙·예금주 확인·반려 상태 처리, 검증용 Mock 구성
- 결제 화면을 공통 디자인 시스템 컴포넌트·타이포그래피 토큰으로 전환
04 /
앱·웹 연결
네이티브 앱과 웹 사이의 인증·이동·데이터를 연결합니다.
알바몬 앱인토스 · React Native토스 내 구인·구직 앱
토스 내 구인·구직 앱
앱 설계부터 배포·QA
- React Native 구인·구직 앱의 FE 설계·개발·배포·QA 단독 담당
- FlashList로 목록 렌더링 개선, 캐싱으로 조회 데이터 재사용
- 앱인토스 Granite 프레임워크로 마이그레이션
- HTTP 응답 오류 공통 처리, 오류 코드에 따라 화면 이동 이력 초기화·복구
- 인증 테스트 화면으로 백엔드팀의 독립적인 연동 검증 지원
iOS · Android WebView앱·웹 로그인·분석 연동
앱·웹 로그인·분석 연동
인증·이동·분석 연결
- 앱 브릿지·딥링크·토큰 갱신을 연결해 화면 이동 중 로그인 끊김 수정
- iOS 웹뷰의 광고 새 창 동작 개선
- GA·Braze·AppsFlyer·Hotjar 사용자 행동 이벤트의 이름·형식 통일
05 /
개발 자동화
코드 수정·검증·리뷰와 운영 도구를 구성합니다.
2026 · 사내 저장소 2곳AI 개발 하네스·CLI
AI 개발 하네스·CLI
코드 변경·검증 제어
- Claude Code 작업 규칙·Skills·Hooks를 웹·모바일 저장소에 적용, Codex 연동
- PreToolUse Hook으로 위험 명령·자동 생성 파일 편집 차단
- PostToolUse·Stop Hook으로 코드 변경 후 검증 누락 감지·작업 종료 제어
- GitLab 코드 리뷰 요청(MR) 생성·브랜치 동기화·리뷰어 지정 자동화
- 프로젝트 규칙 검색·부분 조회 CLI 개발, 문서 링크 누락·순환 참조 검사
사내 개발 도구 · 2026.04 - 10오류 수정·검증 자동화
오류 수정·검증 자동화
이슈에서 코드 리뷰까지
- Sentry·Jira·Notion·GitLab·Grafana의 오류·업무 요청 통합 조회
- AI 코드 수정 → 테스트·빌드 → 리뷰 요청 연결, 담당자 승인 후 반영
- 수집한 이슈에 TTL Cache·개인정보 마스킹 적용
- Notion 문서를 마크다운으로 변환, 반복 가져오기 시 동일 이슈 중복 생성 방지
- 실제 코드 병합 여부를 확인해 작업 상태 동기화
2026 · 공통 기여보안 검사·SDK 운영
보안 검사·SDK 운영
보안·SDK 안정성
- 코드 취약점 정적 분석(SAST)을 CI에 연동해 5개 저장소에 적용
- Braze SDK 탈퇴 데이터 삭제 시 비동기 처리 충돌 방어
- 앱·웹 알림 동의 기준 통일
06 /
직접 만든 제품
앱·서버·개발 도구를 직접 설계하고 구현합니다.
개인 개발 · 앱·서버Biolem · 시간의무덤
Biolem · 시간의무덤
앱·서버·배포 구현
- React Native로 사진·장소·글 기록, 지도·달력 조회 앱 개발
- Kotlin·Spring Boot API 서버 구현
- GitHub Actions·Docker로 AWS EC2 서버 배포 자동화
개인 개발 · 개발 도구RN Network Debugger
RN Network Debugger
네이티브 요청 관찰
- Android OkHttp Interceptor·iOS URLProtocol로 네트워크 요청 수집
- Node.js WebSocket 프록시를 Chrome DevTools Protocol에 연결
- React Native 요청·응답을 Chrome 개발자 도구에서 조회
동료들과 출시 · PO·개발사내 맛집 지도
사내 맛집 지도
TOOLKIT
사용해 온 기술
- 프론트엔드
- 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
BACKGROUND
학력·자격·수상
- 가톨릭대학교 컴퓨터정보공학부2021.02 · 졸업
- 삼성 청년 SW 아카데미 · SSAFY 6기2021.07 — 2022.06 · 웹 전공 수료
- 정보처리기사2024.09 · 취득
- 링커스타 수상2023.07 · 사내 협업 역량 인정