1. 주제 선정 가이드

<aside> 💡

**[The-julge]**는 매칭 플랫폼의 기본 기능을 중심으로 한 웹 애플리케이션입니다. 조건을 입력해 일자리를 검색하는 기능을 통해 매칭 플랫폼의 핵심 요소를 이해하고 구현 능력을 향상시킵니다. 사용자는 원하는 일자리에 지원하고, 근무 승인을 받는 기능을 통해 매칭 과정에 대한 실습을 할 수 있습니다. The ****Julge 프로젝트에서는 고용인이 더 높은 시급을 제공할 경우, 시급 인상률을 기준으로 일자리를 정렬하는 기능을 구현해 조건 맞춤 추천의 이해도를 높입니다. 모달, 검색, 일자 선택, 주소지 검색 등의 복잡한 UI 요소를 외부 패키지를 통해 구현하며 디자인 시스템에서 효율적으로 활용할 수 있는 방법을 익힙니다. 컴포넌트화를 통해 자주 사용되는 기능을 효율적으로 관리하고 확장할 수 있는 실무 경험을 제공합니다.

</aside>

• 프로젝트 주제명
  • The-Julge(더 줄게)
• 기술스택
  • HTML/CSS
  • TypeScript
  • React
  • Next.js
  • React Query
  • Styled Components
  • Git & GitHub
  • AWS S3
  • AWS CloudFront
  • MongoDB
  • OAuth
  • Vercel
• 난이도
  • 중

2. 프로젝트 기획 요구 사항

<aside> 💡

디자인 시안: https://www.figma.com/file/UJfAmRiZuFlVlb22nHeixd/더줄게?type=design&mode=design&t=bnCeWn143iFtRG6x-0

Swagger 문서 : 더줄게 스웨거

API 문서 : https://www.notion.so/API-10a715ce7c2240fd9d16aa47b5a6bc34?pvs=4

※ 디자인 시안과 기획 요구사항을 꼼꼼히 비교하면서 살펴보신 후 프로젝트 주제를 선택해 주세요.

</aside>

1) 공통

• 제시된 폰트와 컬러 시스템을 설정하세요.
• 재사용성을 위해 공용 컴포넌트를 만들어 주세요.
• 반응형 웹 디자인을 준수하세요.

2) 상단 네비게이션바 구현하기

• 사장님 이메일로 로그인 시 오른쪽 상단에 '내 가게' 버튼이, 알바님 이메일로 로그인 시 '내 프로필' 버튼이 나타나도록 하세요.
• 오른쪽 상단의 '내 프로필' 버튼을 누르면 내 프로필 페이지로 이동하도록 하세요.