feat : 지원서작성 디자인, 세부기능

[dev0leee]

작업 개요 (이슈 번호)

Close #30

작업 내용 (변경 사항)

[공통]

• router.tsx : <Layout> 적용 안된 페이지에 max-w-7xl과 mx-auto 적용해주는 <OtherLayout> 설정(지원자 페이지에 적용해줌)
• svg는 올려둔 것 그대로 쓰기로 하였으므로, 제가 올린 것 중에 중복되는 것 체크하여 다시 재사용하겠습니다.

[지원서작성]

• 스타일재사용 컴포넌트 여러개 생성 (coverLetter처럼 분리해서 적용예정. 잘 안돼서 일단 올렸습니다.)
• 상수 데이터 변경 및 추가
• 제플린 시안 적용
• 체크박스 클릭시 값 반영

작업예정

• 키워드 체크박스 구현 예정
• 사이드바
  • 해당 채용폼 데이터 가져와서 사이드바 상단에 출력
  • 사이드바에서 선택항목 클릭시 필수 입력, 클릭 안했을 때는 입력 안해도 제출 할 수 있도록함
  • 항목에 입력됐으면, 사이드바 선택항목이 선택된 아이콘으로 변경됨.
  • 제출버튼 클릭시 제출되도록
• 항목을 컴포넌트화하려니 react-hook-form에 register 및 기타 함수를 prop으로 보내줘야 하는 작업이 어려워서 잘 안되네용... useformcontext 사용이 깔끔할 것 같으나 이 방법도 시간이 걸릴 것 같습니다.

리뷰요청사항

• 가독성이 떨어집니다... 현재는 구현을 우선으로 하고 추후 수정하겠습니다ㅠㅜ
• 키워드 체크박스만 구현되면 나머지부분은 추후 구현하고 다른 페이지부터 한 다음 다시 돌아오겠습니당,,

[netlify[bot]]

✅ Deploy Preview for jobkok ready!

Name	Link
🔨 Latest commit	6dfc2f377e2db20e35abbebc7d0992f951fd420b
🔍 Latest deploy log	https://app.netlify.com/sites/jobkok/deploys/642d0cf471fe3d0008e1867a
😎 Deploy Preview	https://deploy-preview-83--jobkok.netlify.app/
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site settings.

[hyorimcho]

시간이 부족한만큼 일단 열심히 구현하고 나중에 나누는 것도 좋은 방법이라 생각합니다 😀 화이팅!

[yujiseok]

유효성 검증이 안되었을 시 에러메세지가 안나오는데 혹시 처리를 안하신 부분일까요?