3. 핵심 기능 설명 및 화면 구성 - JobTube-Career-coaching/JobTube GitHub Wiki

🎯 핵심 기능 설명 및 화면 구성

1️⃣ 프론트엔드 UI/UX 개선

  • 노멀 모드 & 보호모드(고령자/장애인) 전면 리뉴얼
  • 고령자용 UI: 산업별 직무 카테고리화로 정보 접근성 향상
  • UX 향상: 로딩 애니메이션 도입
  • 보호모드: 8개 카테고리 구성 + 검색 기능 포함
    (예: 돌봄/복지/교육, 청소/환경/미화 등)

<노멀모드>

<보호모드>

2️⃣ 유튜브 영상 요약 방향 재설정

  • 기존 방식: 조회수 순 정렬 → 신뢰성 부족
  • 개선 방식: “장단점”, “되는 방법”, “후기” 등 카테고리화
    → 영상 3개씩 묶어 사용자 비교 판단 가능하게 구성

3️⃣ 데이터 수집 및 DB 연동 개선

  • API → 크롤링 방식 전환 (워크넷 중심)
  • 크롤링 항목:
    • 회사명, 공고 제목, 연봉, 경력, 위치, 등록일/마감일, 남은 기한, 상세 링크 등
  • MongoDB 저장:
    • 중복 제거 및 최신 데이터 주기적 갱신
    • 필터링/조회 기능 + 원본 링크 제공
  • 페이지 네비게이션 지원

4️⃣ 데이터 시각화 기능

  • 목적: 사용자가 취업 시장의 트렌드를 파악
  • 원본 데이터: MongoDB에 저장된 채용공고
  • 시각화 방식: 막대그래프, 원형 차트 등
  • 주요 지표:
    • 지역별 공고 수
    • 경력 수준별 공고 비율
  • FastAPI 기반 API로 실시간 데이터 제공

5️⃣ 보호모드 개발

  • 고령자 & 장애인을 위한 맞춤형 직무 추천 + 검색 기능
  • 장애인 페이지도 고령자 페이지 수준으로 확장 개발 완료
  • 워크넷 동일 조건으로 검색 시 결과 유사성 확보

6️⃣ 전체 기능 통합 (UI 통합)

  • 기존 파편화된 기능 → 하나의 UI 흐름으로 통합
  • 시작 → 마이페이지 / Youtube 직업 탐색 / 공고 확인 / 데이터 및 문서 분석 (노말 모드)
  • 고령자(시니어) / 장애인 (보호 모드)

🖥️ 화면 구성 예시

▶ 메인 화면

  • 구성 요소: <노멀모드> (직업 탐색, 취업 공고, 데이터 분석)


  • 구성 요소: <보호모드>

▶ 콘텐츠 요약 화면

  • 구성 요소:

▶ 채용공고 화면

  • 구성 요소:

📌 사용자 흐름 예시 (시나리오)

  • 1.키워드 입력 사용자는 관심 있는 직무, 산업군, 기업명 등 원하는 키워드를 입력합니다. 예) "데이터 분석", "공기업", "UX 디자이너"

  • 2.요약 콘텐츠 확인 JobTube는 해당 키워드와 관련된 유튜브 취업 정보 영상을 수집하고, AI 요약 모델을 통해 영상의 핵심 내용을 빠르게 파악할 수 있는 요약 카드 형태로 제공합니다. 사용자는 각 콘텐츠를 클릭해 상세 내용을 보고, 원하는 정보만 골라 확인할 수 있습니다.

  • 3.채용공고 열람 동일한 키워드를 기반으로 워크넷에서 실시간 채용공고를 크롤링하여 보여줍니다. 기업명, 모집 분야, 마감일, 근무지 등의 정보가 정리되어 있으며, 상세 공고로 연결되는 링크를 통해 직접 지원도 가능합니다.

⚠️ **GitHub.com Fallback** ⚠️