유레카 프론트엔드 비대면 3조

잡생각(JobThoughts)

💡 잡생각은 사용자의 성향, 선호도, 선택 데이터를 기반으로 적합한 직업을 추천하고,

해당 직업과 관련된 실시간 채용정보까지 연결해주는 진로 탐색/채용 연계 서비스입니다.

🔗팀노션 🎨피그마 🌐배포사이트 👨‍🏫발표자료

🏃‍♂️ 주요기능

기능	설명
1. 성향 선택형 테스트	간단한 질문을 통해 사용자의 기호와 선호 활동을 파악
2. 직업 추천	커리어넷 API 기반으로 적합한 직업 추천
3. 실시간 채용 정보 조회	추천된 직업의 채용 공고를 바로 조회 가능( 현재 mock데이터 사용중 )
4. 직업 정보 열람	각 직업에 대한 설명, 필요 역량, 자격증, 학과 정보 등 제공

메인화면

12d12.mp4

직업 가치관 검사 화면

qwcqwc2.mp4

직업 가치관 검사 결과 화면

qwcqwc23.mp4

채용 공고 화면

qwcqwc231d1.mp4

모바일 반응형 구현(모든 페이지)

qwcqwc231d12.mp4

qwcqwc231d123.mp4

📚 Tech Stack

💻 FE Development

💻 BE Development

⌛ Developed Period

2025.5.07 ~ 2025.5.20 (14 days)

👩‍💻 팀원

김현훈 개발

김민서 개발

백세진 개발

염승아 개발

황주경 개발

🎯 커밋 컨벤션

• Feat: Add a new feature
• Fix: Bug fix
• Docs: Documentation updates
• Style: Code formatting, missing semicolons, cases where no code change is involved
• Refactor: Code refactoring
• Test: Test code, adding refactoring tests
• Build: Build task updates, package manager updates

🔰 실행 방법

# 1. pnpm 설치 (npm 사용자는 먼저 pnpm을 설치해야 합니다)
npm install -g pnpm

# 2. 의존성 설치 (루트 디렉토리에서 실행)
pnpm install

# 3. 빌드 (서버, 클라이언트 등 모든 패키지 빌드)
pnpm build

# 4. 개발 서버 실행 (서버와 클라이언트가 동시에 실행됨)
pnpm dev

# /server 폴더 내에 .env파일로 위치
CAREER_API_KEY={커리어넷에서 받은 API키}

💡 해당 프로젝트는 모노레포 구조로 되어 있으며, pnpm 워크스페이스를 사용해 서버와 클라이언트를 함께 관리합니다. pnpm dev 실행 시 서버와 클라이언트가 동시에 구동됩니다.