# Show GN: TanStack Query(React Query) 직접 만들어보기

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

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=18963](https://news.hada.io/topic?id=18963)
- GeekNews Markdown: [https://news.hada.io/topic/18963.md](https://news.hada.io/topic/18963.md)
- Type: show
- Author: [mugglim](https://news.hada.io/@mugglim)
- Published: 2025-01-29T10:24:25+09:00
- Updated: 2025-01-29T10:24:25+09:00
- Original source: [github.com/mugglim](https://github.com/mugglim/build-your-own-tanstack-query)
- Points: 11
- Comments: 0

## Summary

TanStack Query를 직접 구현해보는 프로젝트를 통해 QueryClient, QueryCache, Query, QueryObserver와 같은 core 영역을 외부 라이브러리에 의존하지 않고 구현하는 방법을 공유합니다. 이 프로젝트는 staleTime과 gcTime(cacheTime)의 동작 흐름을 이해하는 데 도움을 주며, React에서 core 영역의 코드를 사용하는 방법도 다룹니다. 프로젝트의 자세한 내용은 GitHub에서 확인할 수 있습니다.

## Topic Body

안녕하세요.  
[TanStack Query](https://github.com/TanStack/query)를 직접 구현해보는 프로젝트를 만들게 되어 공유해봅니다.  
  
실제 TanStack Query 코드와 100% 일치하지 않지만  
전체적인 동작 흐름을 이해하는 데 도움이 되시기를 바랍니다.  
  
구현해 보는 기능은 아래와 같습니다.  
  
- 외부 라이브러리에 의존하지 않는 core 영역(QueryClient, QueryCache, Query, QueryObserver)  
- staleTime, gcTime(cacheTime)의 동작 흐름  
- React에서 core 영역의 코드를 사용하는 방법  
  
---  
  
- Github: https://github.com/mugglim/build-your-own-tanstack-query  
- Github(한국어): https://github.com/mugglim/build-your-own-tanstack-query/blob/main/docs/ko.md

## Comments



_No public comments on this page._