담당자 : 박상아

1. 디자인 시안 및 구현 뷰

디자인 사항 반영 완료!

🖥️ 구현뷰

🖌️ 디자인 시안

2. 구현 완료된 task와 완료하지 못한 task

구현 완료 task

• 작업 카테고리 생성 모달
  • 작업 카테고리 이름 생성 후 datepicker로 날짜 또는 작업 세트 선택
  • 빠른 불러오기 선택 시 기존 작업 카테고리 조회해 새로운 카테고리에 작업 세트 url 추가
  • 작업 카테고리 이름 길이 제한
  • 작업 카테고리 url 입력 시 중복값 유효성 검사
• 캘린더 커스텀
  • datepicker 라이브러리 선택해 날짜, 기간 설정 및 커스텀

구현 미완료 task

• 없음!

3. 구현 방식

✔ 어떻게 설계를 했고 내가 구현할 때 어느 부분에 집중을 했는지

컴포넌트 별로 역할을 분리해야되기 때문에, Atomic Design 적용

• token이 있을 때만 요청을 하도록 react-query post enabled 속성을 사용
• api 요청을 통해 url에 대한 tabName을 받아옴

✔ 어떤 라이브러리를 사용했으며, 라이브러리 도입 근거가 있다면 무엇인지 (사용하지 않았다면 그 이유)

datepicker 캘린더 구현 시 일자 및 기간 설정, 스타일 커스텀을 사용하기 위해 도입.

✔ 어떤 API를 사용했는지

• URL로 탭 이름 가져오기 GET
• 카테고리 생성 POST