이번 챌린지는 생성형 AI를 활용해 직무 과제를 직접 해결하며 문제해결력과 도구 활용 역량을 보여줄 수 있는 좋은 기회입니다. 여러분의 도전과 성장을 진심으로 응원합니다!
👋안내사항
이번 프론트엔드 AI Challenge 과제는 실무 서비스의 개발 사이클을 경험하며, 생성형 AI와 협업하는 역량까지 함께 평가하는 특별한 챌린지입니다. 이번 챌린지에서 저희는 여러분의 코딩 실력뿐만 아니라 🧩 분석과 설계, 🤝 협업, 그리고 🤖 AI와 함께 성장하는 모든 과정을 무엇보다 소중하게 생각합니다.
✅미션! 알바몬 '검색조건설정' 모바일 웹을 React+생성형 AI 기반으로 구현
😀 어떤걸 만들어야 하나요?
- 알바몬의 ‘검색조건설정’ 모바일 웹 페이지를 React와 생성형 AI를 활용해 구현
- 사용자가 다양한 조건을 선택할 수 있는 UI를 만들어야 하며, 개발, AI 도구 활용까지 전체 과정 경험이 목표

제시된 "검색조건설정" 페이지는 지역별 알바, 업직종별 알바 등 다양한 경로에서 공통으로 사용되며, 사용자가 일관되고 효율적으로 검색 조건을 설정할 수 있도록 도와주는 핵심 필터링 화면입니다. 기능 구현을 넘어서, 분석·설계·구현·AI 활용·문서화의 전 과정을 경험해보시기 바랍니다.
🎯 과제 목표
📌 과제 상세 요구사항
-
분석
- 개발
- React 기반 프로젝트 세팅
- 필수 상태관리(예: Zustand, Recoil, Redux 등) 자유 선택
- 모바일 최적화 및 타입스크립트 권장
- AI/IDE 세팅
- 사용하는 AI IDE에 맞는 규칙 파일(예: .mdc, .settings.json 등) 생성하고 프로젝트에 적용
- AI와의 대화과정 캡처·저장
- UI 제작
- [분석][설계] 기반, 검색조건설정 모바일 페이지 구현
- '조건 선택', '초기화', '인터랙션' 기능 구현
🌟 제출 자료
✅ 필수
- AI IDE 사용 중 주요 대화, 챗로그
(예: 프롬프트, 문제해결 대화, 코드 리뷰 내역)
- 규칙(rule) 설정 파일(.rules, .mdc 등)
- README: 사용 도구 명세 등
✅ 선택
- 작업한 프로젝트 코드
(예: 깃허브, GitLab 링크 또는 나인하이어 파일 첨부)
👀 평가 포인트
- 실무 프로젝트 분석력 (서비스 구조/기능 분해, 사용자 플로우 설계)
- React 활용 및 컴포넌트 설계
- AI(IDE/툴/자동화) 협업능력 (cursor/rules, 실행 로그 등)
- 문서화·README·산출물 관리
🛠️ 부가 가이드
- 자유롭게 기술 스택을 선택하여 구현
- AI와의 협업(프롬프트 설계, 코드리뷰, 오류고민 등) 과정을 중시
- 과제에 필요한 데이터는 최소한으로 제공됩니다.
- 결과물의 완성도 보다는 과정이 더 중요합니다.
✨ 여러분의 도전을 진심으로 응원합니다!
프론트엔드 개발자 여러분의 새로운 시각과 열정을 기대하고 있습니다.
여러분의 새로운 가능성을 만날 그날을 손꼽아 기다립니다! 🏅
주저하지 말고 도전해보세요!
여러분의 새로운 가능성을 만날 날을 손꼽아 기다리고 있겠습니다. 💪
✍️유의사항
- 일반문의 : 잡코리아 박주희 (pjh47@jobkorea.co.kr)
- 문제문의 : 잡코리아 이해주 (ximya@jobkorea.co.kr)
❗️꼭 읽어주세요❗️
- AI Challenge 우수 수상자는 9월 초 개별 연락드릴 예정입니다.
잡코리아 복리후생에 대해 더 알고 싶으신가요?
👉 잡코리아 채용 홈페이지 바로가기 👈
👉 잡코리아 기술블로그 바로가기 👈