[AI Challenge] Front-End 개발 | 잡코리아(유)

[AI Challenge] Front-End 개발 | 잡코리아(유)

[AI Challenge] Front-End 개발 | | | 마감 21일 전

이번 챌린지는 생성형 AI를 활용해 직무 과제를 직접 해결하며 문제해결력과 도구 활용 역량을 보여줄 수 있는 좋은 기회입니다. 여러분의 도전과 성장을 진심으로 응원합니다! 👋안내사항 이번 프론트엔드 AI Challenge 과제는 실무 서비스의 개발 사이클을 경험하며, 생성형 AI와 협업하는 역량까지 함께 평가하는 특별한 챌린지입니다. 이번 챌린지에서 저희는 여러분의 코딩 실력뿐만 아니라 🧩 분석과 설계, 🤝 협업, 그리고 🤖 AI와 함께 성장하는 모든 과정을 무엇보다 소중하게 생각합니다. ✅미션! 알바몬 '검색조건설정' 모바일 웹을 React+생성형 AI 기반으로 구현 😀 어떤걸 만들어야 하나요? - 알바몬의 ‘검색조건설정’ 모바일 웹 페이지를 React와 생성형 AI를 활용해 구현 - 사용자가 다양한 조건을 선택할 수 있는 UI를 만들어야 하며, 개발, AI 도구 활용까지 전체 과정 경험이 목표 제시된 "검색조건설정" 페이지는 지역별 알바, 업직종별 알바 등 다양한 경로에서 공통으로 사용되며, 사용자가 일관되고 효율적으로 검색 조건을 설정할 수 있도록 도와주는 핵심 필터링 화면입니다. 기능 구현을 넘어서, 분석·설계·구현·AI 활용·문서화의 전 과정을 경험해보시기 바랍니다. 🎯 과제 목표 - React 기반 프로젝트 환경 구축 - AI IDE 규칙(rule) 활성화 및 규칙 파일 작성ex) .cursor/rules, .claude/settings.json, copilot-instructions.md - 생성형 AI를 활용하여 알바몬 검색조건설정 모바일 페이지 UI 구현 (하단 '지원하기' 클릭 시 첨부된 JSON 활용) - 분석, 설계, 코드 작성, 테스트 등 전 과정에서 생성형 AI 도구(IDE, Copilot, Claude 등) 적극 활용(프롬프트 설계, 컴포넌트 설계, 코드리뷰 등) 📌 과제 상세 요구사항 - 분석 - 알바몬 검색조건설정(모바일)https://m.albamon.com/jobs/search/detail-conditions - 주요 UI/UX/기능 도출(예: 근무지역/업직종/근무기간/근무요일 등) - 사용자 플로우, 주요 입력 및 조건 초기화 등 행동 파악 - 개발 - 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월 초 개별 연락드릴 예정입니다. 잡코리아 복리후생에 대해 더 알고 싶으신가요? 👉 잡코리아 채용 홈페이지 바로가기 👈 👉 잡코리아 기술블로그 바로가기 👈

homepage logo image

[AI Challenge] Front-End 개발

2025.08.24 마감
지원하기

이번 챌린지는 생성형 AI를 활용해 직무 과제를 직접 해결하며 문제해결력과 도구 활용 역량을 보여줄 수 있는 좋은 기회입니다. 여러분의 도전과 성장을 진심으로 응원합니다!


👋안내사항

이번 프론트엔드 AI Challenge 과제는 실무 서비스의 개발 사이클을 경험하며, 생성형 AI와 협업하는 역량까지 함께 평가하는 특별한 챌린지입니다. 이번 챌린지에서 저희는 여러분의 코딩 실력뿐만 아니라 🧩 분석과 설계, 🤝 협업, 그리고 🤖 AI와 함께 성장하는 모든 과정을 무엇보다 소중하게 생각합니다.

✅미션! 알바몬 '검색조건설정' 모바일 웹을 React+생성형 AI 기반으로 구현

😀 어떤걸 만들어야 하나요?

  • 알바몬의 ‘검색조건설정’ 모바일 웹 페이지를 React와 생성형 AI를 활용해 구현
  • 사용자가 다양한 조건을 선택할 수 있는 UI를 만들어야 하며, 개발, AI 도구 활용까지 전체 과정 경험이 목표


제시된 "검색조건설정" 페이지는 지역별 알바, 업직종별 알바 등 다양한 경로에서 공통으로 사용되며, 사용자가 일관되고 효율적으로 검색 조건을 설정할 수 있도록 도와주는 핵심 필터링 화면입니다. 기능 구현을 넘어서, 분석·설계·구현·AI 활용·문서화의 전 과정을 경험해보시기 바랍니다.

🎯 과제 목표

  • React 기반 프로젝트 환경 구축
  • AI IDE 규칙(rule) 활성화 및 규칙 파일 작성
    ex) .cursor/rules, .claude/settings.json, copilot-instructions.md

  • 생성형 AI를 활용하여 알바몬 검색조건설정 모바일 페이지 UI 구현
    (하단 '지원하기' 클릭 시 첨부된 JSON 활용)
  • 분석, 설계, 코드 작성, 테스트 등 전 과정에서 생성형 AI 도구(IDE, Copilot, Claude 등) 적극 활용
    (프롬프트 설계, 컴포넌트 설계, 코드리뷰 등)

📌 과제 상세 요구사항

  • 분석

  • 개발
    • 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월 초 개별 연락드릴 예정입니다.

잡코리아 복리후생에 대해 더 알고 싶으신가요?

👉 잡코리아 채용 홈페이지 바로가기 👈

👉 잡코리아 기술블로그 바로가기 👈

[AI Challenge] Front-End 개발
지원하기