SkillSync 개발 – React, Zustand, Vite, TailwindCSS를 사용한 이력서 기반 직무 매칭 도구

카테고리

프로그래밍/소프트웨어 개발

서브카테고리

웹 개발

대상자

• 개발자 및 원격 근무를 원하는 취업 준비자
• 중급 이상의 React 및 현대 웹 프레임워크 사용 경험 필요

핵심 요약

• 이력서 분석 기능: pdfjs 및 mammoth를 활용한 PDF/DOCX 파일 파싱, 스킬 추출 (현재는 커스텀 리스트 기반)
• 실시간 직무 매칭: RemoteOK 및 Arbeitnow API 연동, 이력서 기반 필터링 및 직무 저장 기능
• 기술 스택: React, Vite, Zustand, TailwindCSS, React Router, Framer Motion 활용

섹션별 세부 요약

1. 도구 개요

• 목표: 개발자에게 원격 근무 기회를 신속히 제공
• 핵심 기능: 이력서 업로드 → 스킬 추출 → 직무 매칭
• 실시간 연동: RemoteOK, Arbeitnow의 직무 데이터 사용

2. 핵심 기능

• 파일 파싱: pdfjs (PDF), mammoth (DOCX) 지원
• 스킬 추출: 현재는 커스텀 스킬 목록 기반, 추후 NLP 확장 계획
• 직무 매칭: 실시간으로 이력서와 일치하는 직무 추천
• 추가 기능: 이력서 기반 필터링, 저장된 직무 목록 관리

3. 기술 스택

• 프론트엔드: React + Vite (빠른 빌드), TailwindCSS (디자인)
• 상태 관리: Zustand (간단한 상태 관리)
• UI 애니메이션: Framer Motion
• 라이브러리: React Router (루트 관리)

4. 데모 및 코드

• 라이브 데모: https://skillsync-one.vercel.app
• 소스 코드: https://github.com/socode-dev/skillsync
• 향후 개선: 사용자 피드백 기반으로 기능 확장

결론

• 실무 적용 팁: 이력서 자동 분석 기능을 통해 개발자 취업 효율성 향상
• 추천 기술: Vite와 TailwindCSS 사용으로 빠른 프로토타입 개발 가능
• 향후 방향: NLP 기반 스킬 추출, 더 많은 직무 플랫폼 연동 계획