공통

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

상단 네비게이션바

• [x] 사장님 이메일로 로그인하면 오른쪽 상단은 '내 가게'버튼, 알바님 이메일로 로그인하면 오른쪽 상단은 '내 프로필' 버튼이 생깁니다
• [x] 오른쪽 '내 프로필' 버튼을 누르면 내 프로필 페이지로 이동합니다.
• [x] '로그아웃' 버튼을 클릭하면 공고 리스트 페이지로 이동합니다.
• [x] '알람' 버튼을 클릭하면 나에게 온 알림을 볼 수 있습니다.
• [x] 검색창에서 검색어를 입력하고 '엔터키'를 누르면 가게 이름에 검색어가 포함된 공고만 보여줍니다.

로그인 페이지

• [x] '로고 버튼'을 클릭하면 공고 리스트 페이지로 이동합니다.
• [x] '회원가입하기' 버튼을 클릭하면 회원가입 페이지로 이동합니다.
• [x] 유효한 이메일과 비밀번호를 입력하고 '로그인' 버튼을 클릭하면 공고 리스트 페이지로 이동합니다.
• [x] 로그인 페이지에는 네비게이션바가 없습니다.
• [x] 비밀번호가 틀릴 경우 “비밀번호가 일치하지 않습니다.” 경고 창을 보여줍니다.
• [x] 이메일 input에서 focus out 일 때, 값이 이메일 형식이 아닐 경우 input에 빨강색 테두리와 아래에 “이메일 형식으로 작성해 주세요.” 빨강색 에러 메세지가 보입니다.
• [x] 비밀번호 input에서 focus out 일 때, 비밀번호 길이가 8자 미만일때 input에 빨강색 테두리와 아래에 “8자 이상 작성해 주세요.” 빨강색 에러 메세지가 보입니다.