feat: SelectWeek 컴포넌트 구현

[eugene028]

내용 설명

공통 컴포넌트 구현하기 - SelectWeek 컴포넌트

구현 내용

SelectWeek 컴포넌트를 구현했습니다!
고정된 값을 가질 수 있으며, 외부의 state 변화값을 감지할 수 있도록 setState 또한 받아옵니다.

/**
 * @param selectedDate selectedDate값을 가지고 있는 state
 * @param setSelectedDate selectedDate 값을 변경할 수 있는 setState 함수
 * @param fixedDate 고정된 주 선택 (이미 선택하여 수정하지 않아도 되는 것 / 다수 선택에 사용)
 */

interface SelectWeekProperties {
  selectedDate: number[]
  setSelectedDate: React.Dispatch<React.SetStateAction<number[]>>
  fixedDate?: number[]
}

스크린샷

장애물?

const cn = (...classes: ClassValue[]) => {
  return twMerge(clsx(classes))
}

export default cn

객체로 편하게 관리할 수 있는 유틸함수를 하나 넣어놨습니다. 작성한 코드 보시고 같이 확인해주시면 감사드릴 것 같아요!
이 부분에 대해서는 오프라인에서 자세히 설명드리도록 하겠습니다.

참고 사항

https://xionwcfm.tistory.com/328
https://xionwcfm.tistory.com/325
위 블로그를 참고했습니다.

PR 포인트

혹시 깜빡하고 index.tsx에 export 안해주신 분들은 추후 추가해주세요~

export * from './selectweek/SelectWeek'

깔끔한 절대경로를 위해~,,

close #26

[github-actions]

🚀storybook: https://6538ad4ed98b5215f122ca23-fkbclrsfyn.chromatic.com/

[jisung24]

GOOD! BOSS~