캘린더 라이브러리 제작기

트립비토즈라는 여행사이트를 클론하는 과제를 수행한 적이 있다. 당시 팀프로젝트로 진행을 하였는데, 캘린더 부분을 라이브러리 없이 구현을 했었다. 되게 부족하지만 3개의 큰 컴포넌트로 구현되었었기에, 이부분을 가져와서 언제든지 import해서 사용할 수 있으면 나만의 라

index.ts: 라이브러리를 외부에 제공하는 역할이 파일에서는 App 컴포넌트를 Calendar라는 이름으로 export 하고 있다. 이렇게 하면, 이 캘린더 라이브러리를 사용하는 다른 애플리케이션에서 import { Calendar } from '해당 라이브러리 경

즉, context를 사용함으로써, 리액트 내장된 전역상태관리를 할 수 있었고, 캘린더 라이브러리 특성 상 하나의 컴포넌트를 전역에서 관리하기에 consumer와 provider가 사용자 입력으로 받은 Props를 관리 하기에 적절하였다고 판단하였다.

optional 어떤점을 생각하고 했는지!style 적용, 모바일 환경 대응접근성 개선

package.json | tsconfig.json | vite.config.ts

안녕하세요, 이번에는 제가 작업하던 캘린더 라이브러리에 대한 이야기를 해볼까 합니다. 이 라이브러리는 처음에는 리액트, 타입스크립트, 스타일드 컴포넌트, 그리고 Vite를 이용하여 구현되었습니다. 하지만 라이브러리를 개선하고 커스터마이징하는 과정에서 몇 가지 변화를 주

날짜 및 시간 관련 로직, 이벤트 관리 와 같은 비즈니스로직을 코어 라이브러리로 분리UI와 관련이 없어 Headless UI로 독립적인 모듈로 관리할 수 있음.UI를 유연하게 구축하고 관리하기 위한 코어 라이브러리!코어 라이브러리로 개발하기 위해 최소한의 캘린더 뷰를