Skip to content

JOSANGMIN777/myCalendar

Repository files navigation

myCalendar

과제전형을 대비해 개발한 미니 프로젝트

react-calendar 라이브러리를 사용한 나만의 캘린더

사용 스택: TypeScript, React, Next

  • react-calendar에서 제공하는 dayGrid, interaction 플러그인을 사용하여 커스터마이징이 가능

  • 모바일 버전을 고려하여 width 768px 이하 일 경우 사이드바에서 햄버거 버튼으로 바뀌도록 반응형으로 제작

  • next를 활용하여 url로 라우팅되도록 설정

  • 기능 컴포넌트화를 통해 재사용성을 높힘

  • TS를 통해 타입을 지정하여 명시적으로 실수를 줄이고 추후 BE와의 작업 환경을 개선

아쉬운점

  • 최대한 가볍게 만들고 싶어 캘린더 외 라이브러리 사용을 하지 않으려 전역 상태관리 라이브러리를 사용하지 않고 props로만 구현하여 PropsDrilling이 발생했고 그 결과, 각 컴포넌트의 의존도가 높아지는 부작용을 초래함...

About

react-calendar 라이브러리를 사용한 나만의 캘린더

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published