디버스 블로그
홈블로그소개

D-verse

Github

FE - 경력사항

말하는 감자
2026년 2월 15일
목차
🛠 Stacks
💁🏻‍♀️ 소개
잡코리아 & 알바몬 FRONT-END 개발자
주요 프로젝트 및 성과
: 알바몬 모든 채용관 공고 목록의 필터 검색 고도화
: 앱인토스(토스 미니앱) 알바몬 개발
: 알바몬 MSA 프로젝트
: React Query 성능 최적화
: Atomic Design Pattern 적용
: 크로스 플랫폼 및 웹뷰 개발
: 세션 유지 문제 해결
: 링커스타 수상
: 이벤트 정규화
: DSP (Demand-side platform) 광고 삽입
: 알바몬 지원 플로우 및 UI 개선
: 기타
💻 사내 커뮤니티
🎓 학력
👨🏻‍💻 교육 이력
💫 회사 이력
✒️ 자격증
💻 SSAFY 팀 Projects (삼성청년SW아카데미)

Github : https://github.com/dearyour

Blog : https://velog.io/@dear

Email : kimyh2725@naver.com

010-3912-0550

notion 주소 : https://www.notion.so/dearyour/frontend-27f917360274807db86bde44444f208b

🛠 Stacks


Front-End Skills

  • Languages & Tools: HTML, CSS (SCSS), JavaScript (ES6), TypeScript
  • Frameworks & Libraries: React.js, Next.js, React Native
  • Styling: SCSS, Styled-Components
  • State Management: Redux, Zustand
  • Data Fetching & Caching: React Query

Collaboration & Tools

  • Communication & Planning: Slack, Jira, Wiki
  • Development Tools: IntelliJ, VS Code, Jenkins, nexus
  • Design Collaboration: Figma
  • Version Control: Git, GitHub
  • API Documentation: Swagger

💁🏻‍♀️ 소개


4년 경력의 프론트엔드 엔지니어입니다.

Mobile·PC·크로스플랫폼 환경에 대한 경험과 이해를 바탕으로,

웹·웹뷰·앱 경계에서 발생하는 문제를 구조적으로 해결해왔습니다.

알바몬의 핵심 기능인 공고 목록, 공고 탐색 조건, 공고뷰, 공고지원, 지원완료 전반에 걸쳐

사용자 수와 트래픽이 많은 영역의 복잡한 비즈니스 로직을 개발·개선하였습니다.

단순 구현에 그치지 않고,

앞으로 발생할 수 있는 문제를 선제적으로 고민하며 구조를 설계하는 것을 중요하게 생각합니다.

백엔드·네이티브에 대한 이해를 바탕으로 타 직군과 무리 없이 협업해왔으며,

모든 할당된 TASK는 마감기한 내 100% 완료하였습니다.


잡코리아 & 알바몬 FRONT-END 개발자

2022.06.27 ~ 현재 재직중

주요 프로젝트 및 성과

: 알바몬 모든 채용관 공고 목록의 필터 검색 고도화

문제

  • 기존 검색 API는 시·군·구 행정코드 기반으로 동작했으나,

    지도 기반 반경 검색은 지도 API에서 제공하는 위경도 정보를 기준으로 동작하여

    검색 조건 정합성과 API 호출 구조의 복잡도가 증가하는 문제가 존재

역할 및 기여

  • 네이버 지도 API를 통해 획득한 동(dong) 정보를 기반으로

  • 동 → 시·군·구 행정코드 매핑 데이터를 CDN에 사전 적재

  • 추가 API 호출 없이 프론트엔드 레벨에서

    동 정보를 시·군·구 행정코드로 변환하는 매핑 로직을 직접 설계·구현

  • 변환된 시·군·구 행정코드 + 위경도 + 반경 값을

    하나의 검색 컨텍스트로 구성하여 백엔드 검색 API에 전달

성과

  • 검색 로직 중복 제거
  • API 호출 및 분기 복잡도 감소
  • 신규 지도 검색 도입 이후에도 기존 검색 구조를 안정적으로 유지

: 앱인토스(토스 미니앱) 알바몬 개발

역할

  • 프론트엔드 단독 개발
  • 구조 설계부터 개발, 배포, 트러블 슈팅까지 전 과정 담당

기여

  • 알바몬 공고 리스트, 상세뷰, 지원하기 등 핵심 기능을

    React Native로 개발하여 런칭 성공

  • FSD 설계를 적용해 앱 확장성을 고려한 구조 설계

  • 153건 이상의 트러블 슈팅을 통해 안정성 확보

성능 및 안정성 개선

  • FlashList + 무한스크롤 적용으로 메모리 사용량 90% 절약
  • 인텔리전트 캐싱 전략으로 네트워크 요청 70% 감소
  • API 응답 파싱 실패 시 graceful degradation 구현
  • HTTP Client 레벨에서 중앙 집중식 에러 처리
  • 에러 코드 기반 타입 안전한 자동 라우팅 분기
  • 에러 발생 경로 추적 및 로깅 시스템 구축
  • 에러 발생 시 스택 초기화를 통해 네비게이션 상태 복원

: 알바몬 MSA 프로젝트

문제

  • 레거시 BFF 구조로 인해 검색 페이지가 다수로 분산되어

    코드 중복과 유지보수 비용 증가

역할 및 기여

  • 다수 페이지 개발 및 리뉴얼 후 성공적으로 런칭
  • Zustand를 활용해 기존 알바토크 검색 페이지 8개를 1개로 통합
  • 상태 관리 구조를 재설계하여 중복 로직 제거

성과

  • 코드 중복성 감소
  • 유지보수성과 확장성 대폭 향상

: React Query 성능 최적화

문제

  • 무한스크롤 환경에서 데이터 수정·삭제 시

    렌더링 지연 및 사용자 체감 성능 저하 발생

해결

  • useInfiniteQuery 기반 CRUD 구조 재설계

성과

  • 렌더링 지연 시간 4초 → 0.52초로 단축
  • 성능 이슈 해소 및 UX 개선

: Atomic Design Pattern 적용

  • 컴포넌트 구조를 Atomic Design Pattern 기반으로 재정비
  • 재사용성, 유지보수성, 확장성 향상

: 크로스 플랫폼 및 웹뷰 개발

  • iOS, AOS 프레임 기반 크로스 플랫폼 웹뷰 개발

  • 앱 브릿지, 딥링크에 대한 이해를 바탕으로

    안정적인 앱-웹 간 연동 구현


: 세션 유지 문제 해결

문제

  • 유저 세션이 24시간 유지되지 않아 로그인이 반복적으로 풀리는 현상 발생

해결

  • Access Token과 Refresh Token의 차이를 고려한

    세션 유지 로직 개선

성과

  • 로그인 끊김 문제 해결
  • 사용자 경험 개선

: 링커스타 수상

  • 기획, 디자인, QA, 백엔드, 네이티브, 프론트엔드 팀과의

    협업 능력을 인정받아 링커스타 수상


: 이벤트 정규화

  • 이벤트 데이터를 정규화하여 관리 생산성 증가
  • 운영 효율성 향상

: DSP (Demand-side platform) 광고 삽입

  • 알바몬 메인 및 통합검색 카카오 애드핏 광고 삽입
  • iOS 앱에서 발생하던 새 창 자동 열림 현상 해결
  • Lazy Loading 및 조건부 스크립트 실행으로 안정성·성능 최적화

: 알바몬 지원 플로우 및 UI 개선

  • 모든 채용 공고 지원하기 플로우 개선 (원클릭 지원하기)

  • 파편화된 상태 관리 일원화

  • 지원 완료 페이지 다중지원 개발

    → 전년 대비 지원률 42% 향상


: 기타

  • 사내 AI팀과 협업하여 통합 파일서버 이미지 업로드 기반 TVC 통합 프로모션 런칭
  • 알바몬 기업회원 2단계 인증 개발
  • 기업회원 자동로그인 개발
  • 배포 담당 및 Google Analytics, Braze, AppsFlyer, Hotjar 연동 및 오류 개선
  • KMC 본인인증 연동 및 개발
  • RN으로 구글 지도 api를 이용한 여행 기록 앱 개발

💻 사내 커뮤니티


  • 퇴근 후 동료들과 잡코리아/알바몬 사우들의 맛집 지도 점메추 사이트 런칭 - PO 및 프론트 개발.
    • react: 19.1, biomejs: 1.9.4, vite: 6.4, github-action
  • react-native 기반 점메추 앱 런칭 예정
  • 2023.07 잡코리아 링커스타로 선정
  • 시간이 지나며 잊어버리기 쉬운 자바스크립트의 핵심 개념인 실행 컨텍스트와 이벤트 루프를, 필요할 때마다 복기할 수 있도록 17분가량 영상으로 정리

🎓 학력


학교학과졸업
가톨릭대학교컴퓨터정보공학부2021.02.17.

👨🏻‍💻 교육 이력


기관반기수활동 시기
SSAFY (삼성 청년 SW 아카데미)전공자 웹 트랙 반6기2021.07 ~ 2022.06

💫 회사 이력


회사명팀직급입사일
잡코리아 & 알바몬알바몬 개발팀 (FE 담당)manager(정규직)2022.06.27 ~ 현재 재직중

✒️ 자격증


자격증명취득일시
정보처리기사2024.09.10

💻 SSAFY 팀 Projects (삼성청년SW아카데미)

삼성 청년 SW아카데미

2021.07 ~ 2022.06

삼성전자와 고용노동부에서 지원하는 SW인재 양성 교육과정

  • 삼성 청년 SW 아카데미 6기
  • 웹프론트엔드 중심으로 백엔드를 함께 배우는 자기 주도형 풀스택 과정
  • 1학기 (6달) - 자바 및 알고리즘 학습, 주간-월말 평가 테스트 진행, 페어 프로그래밍 2학기 (6달) - 3번의 팀 프로젝트를 통한 협업 경험
  • React.js, Next.js, TypeScript, Redux, java

목차

🛠 Stacks
💁🏻‍♀️ 소개
잡코리아 & 알바몬 FRONT-END 개발자
주요 프로젝트 및 성과
: 알바몬 모든 채용관 공고 목록의 필터 검색 고도화
: 앱인토스(토스 미니앱) 알바몬 개발
: 알바몬 MSA 프로젝트
: React Query 성능 최적화
: Atomic Design Pattern 적용
: 크로스 플랫폼 및 웹뷰 개발
: 세션 유지 문제 해결
: 링커스타 수상
: 이벤트 정규화
: DSP (Demand-side platform) 광고 삽입
: 알바몬 지원 플로우 및 UI 개선
: 기타
💻 사내 커뮤니티
🎓 학력
👨🏻‍💻 교육 이력
💫 회사 이력
✒️ 자격증
💻 SSAFY 팀 Projects (삼성청년SW아카데미)