← 포트폴리오 목록

허브잡 중장년 통합 구인구직 매칭 플랫폼

중장년 구직자를 위한 정규직(공공직+일반직)과 단기직 통합 매칭 플랫폼 '허브잡'을 검색형 마켓플레이스 UI로 설계·구현합니다.

이종 Open API 통합 어댑터 설계고용24·공공데이터포털 두 API 응답을 단일 스키마로 정규화하는 어댑터 레이어 구현, 배치 수집 파이프라인 설계
AI 이력서 작성 보조 로직 구현Claude API 프롬프트 체인으로 경력 키워드 입력만으로 이력서 문장을 보완하는 단계별 작성 가이드 로직 구현
지원자 상태 기계 기반 매칭 흐름 설계신규→검토중→확정 3단계 상태 전이를 API 레벨에서 강제하는 상태 기계 모델 구현, 트랜잭션으로 부분 실패 방지
서비스 타입Web
업종AI 서비스
기술 스택
ReactTypeScriptTailwind CSSNode.jsExpressPostgreSQLPrismaClaude API
주요 기능
  • 정규직·단기직 통합 탐색
  • AI 이력서 작성
  • 지원자 관리
  • 상호 평가
Overview

프로젝트 개요

범위: 개발, 디자인, 기획

중장년 구직자를 위한 정규직(공공직+일반직)과 단기직 통합 매칭 플랫폼 '허브잡'을 검색형 마켓플레이스 UI로 설계·구현합니다. 고용24·공공데이터포털 Open API 연동, AI 이력서 작성 보조, 구직자·고용주 상호 평가 기능을 포함한 HR·채용 도메인 맞춤 구현한 프로젝트입니다.

작업 범위

  • 정규직·단기직 통합 탐색: 비로그인 상태에서도 정규직(공공직+일반직)과 비정규직(단기·초단기 아르바이트)을 하나의 검색형 화면에서 통합 조회할 수 있는 탐색 UI를 구현합니다
  • AI 이력서 작성: 중장년층의 접근성을 고려해 필수 항목만 입력하는 간편 가입과, AI가 문장을 다듬어주는 이력서 작성 보조 기능을 구현합니다
  • 지원자 관리: 고용주가 접수된 지원자 이력서를 비교하고 근로자를 확정하는 관리 화면을 구현합니다
  • 상호 평가: 근무 종료 후 구직자와 고용주가 서로를 평가하고, 누적 평가가 프로필 평판으로 반영되는 기능을 구현합니다

주요 업무

  • 정규직·단기직 통합 탐색 화면: 상단 세그먼트 검색바 + 가로 스크롤 필터 chips + 반응형 카드 그리드로 airbnb-search-grid 패턴을 적용하고, 두 이종 데이터 소스를 단일 API 계약으로 통합합니다
  • AI 이력서 작성 화면: 3단계 스텝 폼과 큰 글씨/버튼 UI로 입력 부담을 낮추고, Claude API 기반 프롬프트 보조로 경력 요약·자기소개 작성을 지원합니다
  • 지원자 관리 화면: 지원자 상태를 신규/검토중/확정 3단계로 관리하는 상태 기계 모델을 적용하고, 이력서 비교 패널로 의사결정을 지원합니다
  • 상호 평가 화면: 단일 평가 테이블에 역할별 조회 권한을 분리 적용하고, 별점과 태그형 코멘트를 조합한 평가 폼을 제공합니다
허브잡 중장년 통합 구인구직 매칭 플랫폼
요구사항 정의

프로젝트 핵심 과제

프로젝트 진행 시 해결한 핵심 기술 과제입니다.

고용24·공공데이터포털 등 이종 Open API의 응답 스키마 차이를 흡수하는 통합 데이터 모델 설계가 필요한 리스크

정규화 어댑터와 연동 실패 재시도 정책으로 대응합니다

중장년 이용자의 디지털 접근성 편차로 가입 이탈이 발생할 리스크

3단계 이내 스텝 폼과 큰 클릭 영역 UI로 대응합니다

지원자·공고 데이터가 늘어날수록 통합 탐색 화면의 검색 성능이 저하될 리스크

필터 조건 인덱싱과 커서 기반 페이지네이션으로 대응합니다

구직자·고용주 상호 평가에서 보복성 평가로 공정성이 왜곡될 리스크

평가 동시 공개 정책과 이상 패턴 감지 로직으로 대응합니다

구현 내용

핵심 기능 상세

핵심 기능 1

정규직·단기직 통합 탐색

비로그인 상태에서도 정규직(공공직+일반직)과 비정규직(단기·초단기 아르바이트)을 하나의 검색형 화면에서 통합 조회할 수 있는 탐색 UI를 구현합니다.

  • 고용24·공공데이터포털 Open API 응답을 배치 수집해 PostgreSQL 정규화 스키마로 적재하는 어댑터 레이어 구현
  • React Query 무한 스크롤 + URL 쿼리 파라미터 동기화로 직종/지역/근무형태 필터 상태를 공유 가능하게 구현
  • 상단 세그먼트 검색바와 가로 스크롤 필터 chip 그룹을 Tailwind CSS 커스텀 컴포넌트로 구현

정규직·단기직 두 이종 데이터 소스를 단일 조회 인터페이스로 통합하는 정규화 어댑터 패턴을 적용해, 프런트는 하나의 API 계약만 참조하도록 설계합니다.

정규직·단기직 통합 탐색
정규직·단기직 통합 탐색 실제 화면
핵심 기능 2

AI 이력서 작성

중장년층의 접근성을 고려해 필수 항목만 입력하는 간편 가입과, AI가 문장을 다듬어주는 이력서 작성 보조 기능을 구현합니다.

  • 가입·이력서 작성 단계를 3단계로 축소한 스텝 폼과 확대된 글씨/버튼 UI로 접근성을 고려해 구현
  • Claude API 프롬프트 체인으로 경력 키워드 입력 시 이력서 문장을 자동 보완하는 AI 보조 기능 구현
  • react-hook-form과 zod 스키마 검증으로 입력 오류를 실시간 안내하도록 구현

AI 이력서 작성 보조 기능을 Claude API 기반 프롬프트 체인으로 구현해, 중장년 이용자가 간편함을 느끼도록 경력 요약부터 자기소개까지 단계별 작성 가이드를 제공합니다.

AI 이력서 작성
AI 이력서 작성 실제 화면
핵심 기능 3

지원자 관리

고용주가 접수된 지원자 이력서를 비교하고 근로자를 확정하는 관리 화면을 구현합니다. 지원자 상태를 신규/검토중/확정 3단계로 관리하는 상태 기계 모델을 적용하고, 이력서 비교 패널로 의사결정을 지원합니다.

  • 지원자 목록을 상태(신규/검토중/확정)별 리스트로 구현, 상태 전환 버튼으로 흐름 제어
  • 이력서 2~4건을 동시에 비교할 수 있는 사이드 비교 패널 컴포넌트 구현
  • PostgreSQL 트랜잭션으로 근로자 확정 시 공고 마감 처리가 원자적으로 반영되도록 구현

고용주-지원자 매칭 흐름을 상태 기계(state machine)로 모델링해 신규→검토중→확정 전이를 API 레벨에서 강제하는 구조를 구현합니다.

지원자 관리
지원자 관리 실제 화면
핵심 기능 4

상호 평가

근무 종료 후 구직자와 고용주가 서로를 평가하고, 누적 평가가 프로필 평판으로 반영되는 기능을 구현합니다. 단일 평가 테이블에 역할별 조회 권한을 분리 적용하고, 별점과 태그형 코멘트를 조합한 평가 폼을 제공합니다.

  • 평가 작성 시 별점(1~5) + 태그형 코멘트를 조합하는 폼 컴포넌트 구현
  • 누적 평가 점수를 가중 평균으로 집계하는 배치 함수 구현
  • JWT 클레임 기반 접근 제어로 본인과 관련된 평가만 조회 가능하도록 구현

구직자·고용주 양방향 평가를 단일 테이블 설계로 통합하고, 평가 대상 역할에 따라 조회 권한을 분리하는 구조를 구현합니다.

상호 평가
상호 평가 실제 화면
구현 과정

프로젝트 진행 단계

STEP 1

요구사항 분석 및 통합 데이터 모델 설계 · 2026.09

정규직/단기직/공공직 데이터 소스 분석, PostgreSQL 정규화 스키마 및 어댑터 레이어 설계

STEP 2

Open API 연동 및 매칭 백엔드 개발 · 2026.09

고용24·공공데이터포털 연동, Express 기반 공고/지원/평가 API 30여개 엔드포인트 구현

STEP 3

구직자·고용주 UI 및 AI 보조 개발 · 2026.09

React 검색형 탐색 화면, 이력서 작성, Claude API 기반 AI 보조 컴포넌트 구현

STEP 4

통합 테스트 및 접근성 검증 · 2026.09

API-프론트 통합 검증, 중장년 접근성 UI 점검, 크로스 브라우저 테스트 수행

프로젝트 성과

주요 성과

이종 Open API 통합 어댑터 설계고용24·공공데이터포털 두 API 응답을 단일 스키마로 정규화하는 어댑터 레이어 구현, 배치 수집 파이프라인 설계
AI 이력서 작성 보조 로직 구현Claude API 프롬프트 체인으로 경력 키워드 입력만으로 이력서 문장을 보완하는 단계별 작성 가이드 로직 구현
지원자 상태 기계 기반 매칭 흐름 설계신규→검토중→확정 3단계 상태 전이를 API 레벨에서 강제하는 상태 기계 모델 구현, 트랜잭션으로 부분 실패 방지
구직자·고용주 통합 평가 테이블 설계단일 평가 테이블에 역할별 조회 권한을 분리 적용, 가중 평균 집계 배치 함수 구현
Highlights

기술적 주안점

  • 정규직·단기직 두 이종 데이터 소스를 단일 조회 인터페이스로 통합하는 정규화 어댑터 패턴을 적용해, 프런트는 하나의 API 계약만 참조하도록 설계합니다
  • AI 이력서 작성 보조 기능을 Claude API 기반 프롬프트 체인으로 구현해, 중장년 이용자가 간편함을 느끼도록 경력 요약부터 자기소개까지 단계별 작성 가이드를 제공합니다
  • 고용주-지원자 매칭 흐름을 상태 기계(state machine)로 모델링해 신규→검토중→확정 전이를 API 레벨에서 강제하는 구조를 구현합니다

유사한 프로젝트를 기획하고 계신가요?

FIRSTPIP이 개발 범위와 로드맵을 함께 정리해드립니다

무료 상담 시작하기