컴포넌트 단위 설계

폴더구조

├─ config
└─ src
   ├─ components
   ├─ pages
   ├─ store
   ├─ hooks
   ├─ utils
   ├─ api
   └─ constants

필요한 컴포넌트

각각 컴포넌트별로 input이라고 생각하고 일단 만들고 마지막에 검색창 상태관리로 합치기

모달 🔥🔥🔥🔥🔥

• 도리가 만들어 놓은 모달을 사용
• npm에 배포 후 같이
• → typescript 리팩토링 및 로직 수정(열고 닫는 로직도 한 파일에 모아두기, createPortal 장단점 파악) (페어)

캘린더 (마라톤) - 모달 - input태그 🔥🔥🔥🔥

• 직접 구현하기

레인저 슬라이더 (마라톤) - 모달- input태그 🔥🔥🔥🔥

• canvas 태그 활용

인원선택 - 모달 - input태그 (마라톤) 🔥🔥🔥

검색창 🔥🔥🔥🔥

• 결과 보여주기 (마라톤)
• 상태관리 (마라톤)

모달 컴포넌트 만들기

npm 배포