# Show GN: 치지직 팔로워 라이브

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

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=16549](https://news.hada.io/topic?id=16549)
- GeekNews Markdown: [https://news.hada.io/topic/16549.md](https://news.hada.io/topic/16549.md)
- Type: show
- Author: [popop098](https://news.hada.io/@popop098)
- Published: 2024-09-01T00:55:33+09:00
- Updated: 2024-09-01T00:55:33+09:00
- Original source: [chzzkcounts.live](https://www.chzzkcounts.live/)
- Points: 10
- Comments: 2

## Summary

이 기사는 '치지직'의 실시간 팔로워 카운팅 서비스 개발 배경과 사용된 기술을 소개합니다. Next.js, React-Query, Tailwind CSS, React-odometer 등을 활용하여 유튜브 실시간 구독자수 카운트 사이트와 유사한 기능을 구현했습니다. 또한 추천 채널 리스트와 OBS 오버레이 기능을 제공하며, 프로젝트는 오픈 소스로 GitHub에서 확인할 수 있습니다.

## Topic Body

[ 개발배경 ]  
실시간 스트리밍 서비스인 '치지직' 내부 소스를 둘러보다 API요청 응답 기록을 보니 채널마다 팔로워수가 전체 제공된다는 사실을 알아챘습니다.  
이를 이용하여 유튜브 실시간 구독자수 카운트 사이트처럼 만들어보면 어떨까하여 개발하게 되었습니다.  
  
[ 사용한 기술 ]  
- Next.js  
- React-Query  
- Tailwind CSS  
- React-odometer  
  
[ 핵심 서비스 ]  
- 추천 채널 리스트  
- 채널별 실시간 팔로워 카운팅  
- OBS 오버레이(생성기 포함)  
  
[ Github ]  
해당 프로젝트는 오픈 프로젝트입니다.  
https://github.com/popop098/chzzkcounts

## Comments



### Comment 28554

- Author: mraz3068
- Created: 2024-09-04T09:27:46+09:00
- Points: 1

치지직 내부소스는 어떻게 보신건가요

### Comment 28555

- Author: popop098
- Created: 2024-09-04T09:29:56+09:00
- Points: 1
- Parent comment: 28554
- Depth: 1

거창한 방법은 아니고 단순히 개발자도구로 네트워크 통신이나 레이아웃 구성같은걸 둘러봤습니다