# Show GN: 리액트 캘린더 훅 라이브러리

> Clean Markdown view of GeekNews topic #18715. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=18715](https://news.hada.io/topic?id=18715)
- GeekNews Markdown: [https://news.hada.io/topic/18715.md](https://news.hada.io/topic/18715.md)
- Type: news
- Author: [austin](https://news.hada.io/@austin)
- Published: 2025-01-13T23:27:00+09:00
- Updated: 2025-01-13T23:27:00+09:00
- Original source: [npmjs.com](https://www.npmjs.com/package/@nwleedev/use-calendar)
- Points: 7
- Comments: 0

## Summary

리액트 프로젝트에서 사용할 수 있는 캘린더 훅 라이브러리는 주간, 월간, 연간, 10년 단위의 날짜 목록을 제공하며, Date 객체를 통해 날짜 상태를 변경할 수 있습니다. 이 라이브러리는 캘린더 컨텍스트를 통해 여러 컴포넌트 간 데이터를 공유할 수 있도록 지원합니다. 기존의 오픈소스 캘린더 컴포넌트는 스타일 변경이 어렵고 프로젝트 요구사항에 맞추기 어려운 문제를 해결하기 위해 개발되었습니다.

## Topic Body

#### 소개  
  
리액트 프로젝트에서 달력에 필요한 데이터를 제공하는 훅 라이브러리  
  
- 주어진 Date 객체에 따라서 날짜 목록을 제공  
  - 주간 날짜 목록  
  - 월간 날짜 목록  
  - 연간 월 목록  
  - 10년(Decade)간 연 목록  
  
- 훅에서 제공하는 메소드로 캘린더의 기준이 되는(즉 캘린더에 표시되는) 날짜 상태를 변경할 수 있음  
- 주어지는 날짜 목록은 Date 객체로 통일  
- 캘린더 컨텍스트로 여러 컴포넌트 간 데이터 공유  
  
#### 배경  
  
- 기존 오픈소스로 공개되어있는 캘린더 컴포넌트는 스타일 변경이 쉽지 않고 프로젝트의 요구사항에 맞추기 어려운 이슈가 있었습니다.

## Comments



_No public comments on this page._