JOBDAM / PROJECT STORY

필요한 정보에 닿는사용자 흐름

취업 취약계층을 위한 정책·채용 정보 서비스에서 화면과 API, 데이터 운영을 연결했습니다.

01 / CONTEXT

이 프로젝트를 만든 이유

JobDam은 취업에 어려움을 겪는 이용자가 정책과 채용 정보를 찾고, 질문과 경험을 나누는 서비스입니다. ‘함께 넘는 취업의 벽’이라는 콘셉트를 담벼락과 메모지 형태의 UI로 표현했습니다.

2인 팀에서 Vue 기반 화면과 사용자 흐름을 설계하고 Django API 개발을 함께 맡았습니다. 첫 방문부터 정보 탐색, 내 활동 관리까지 화면과 데이터를 연결하는 작업에 집중했습니다.

02 / EXPERIENCE

SCENE 01

정책을 분류와 조건으로 좁혀 보고 목록에서 상세로 이동합니다. 다시 돌아왔을 때 필터와 탐색 위치를 유지하도록 상태를 관리하고 무한 스크롤을 연결했습니다.

SCENE 02

온보딩 안내와 사용자 정보 입력을 연결했습니다. 소셜 로그인 이후에도 사용자 상태에 맞춰 다음 화면으로 이어지도록 인증과 라우팅 흐름을 구성했습니다.

SCENE 03

팁·질문·후기를 같은 메모지 디자인으로 묶었습니다. 커뮤니티의 초기 핵심 모델은 팀 기여이며, 저는 화면 통합과 후기 반응, 내 활동 조회 및 필터 개선을 맡았습니다.

03 / IMPLEMENTATION

01
인증부터 계정 관리까지 연결
카카오·구글 소셜 로그인 백엔드와 온보딩 API, 프로필·회원 탈퇴 흐름을 구현했습니다. UI에서 시작한 변경이 API와 사용자 상태에 반영되도록 양쪽을 함께 다뤘습니다.
02
목록 탐색 상태를 보존
Pinia에 필터와 탐색 상태를 저장하고, 정책 목록의 무한 스크롤과 화면 복귀 흐름을 구현했습니다. 정렬·필터 조회 로직도 함께 개선했습니다.
03
정책 데이터 갱신을 주기 작업으로 분리
Celery·Redis·Beat로 정책 데이터 동기화를 자동화했습니다. 적재 로직을 모듈로 나누고 외래키 검증과 실행·운영 문서를 추가했습니다.

04 / EVIDENCE

이 페이지의 화면은 제공된 로컬 저장소에 보관된 캡처입니다. 최신 배포 화면과는 차이가 있을 수 있습니다.

개인 역할은 기존 커밋별 기여 기록과 로컬 구현을 함께 참고했습니다. 추천 알고리즘과 외부 채용 API의 초기 구현은 팀 기여로 구분했습니다.

WHAT I LEARNED

화면에서 자연스럽게 이어지는 경험을 만들려면 라우팅, 사용자 상태, API와 데이터 갱신까지 함께 설계해야 했습니다.