ESP32와 32x8 WS2812B LED 매트릭스를 사용해 Instagram 팔로워 수를 표시하는 작은 책상용 디스플레이를 만들었습니다.
ESP32는 Wi-Fi에 연결되어 30초마다 Instagram API를 확인하고 최신 팔로워 수를 가져옵니다. 숫자가 바뀌는 모습을 조금 더 흥미롭게 보이게 하고 싶어서, 실제로 바뀌는 숫자만 움직이는 롤링 애니메이션을 추가했습니다.
케이스는 디퓨저를 넣을 공간과 격자가 포함된 STL 모델을 MakerWorld에서 다운로드했습니다. 격자는 픽셀 사이로 빛이 퍼지는 것을 막아 숫자를 더 쉽게 읽을 수 있게 해줍니다.
아래에서 배선, 케이스 조립, Instagram API 설정, Arduino 코드 및 최종 테스트 과정을 살펴보겠습니다.
이 프로젝트에는 다음을 사용했습니다:
프로젝트에 사용한 Arduino 스케치도 첨부했습니다.
ESP32는 Wi-Fi에 연결되어 30초마다 Instagram을 확인하고 현재 팔로워 수를 가져옵니다. 그런 다음 그 숫자를 32x8 LED 매트릭스에 표시합니다.
전체 숫자를 다시 그리는 대신, 변경이 필요한 숫자만 애니메이션으로 표시되도록 만들었습니다. 바뀌어야 하는 숫자만 새로운 값으로 롤링됩니다. 예를 들어 카운트가 2305에서 2306으로 바뀌면 마지막 숫자만 움직입니다.
2309에서 2310으로 바뀌는 경우처럼 여러 숫자를 업데이트해야 할 때는 애니메이션이 해당 숫자들 사이로 이어집니다. 누군가 팔로우를 취소하면 숫자가 반대 방향으로 롤링됩니다.
디스플레이 왼쪽에는 Instagram 로고가 계속 표시되고, 나머지 공간에는 팔로워 수가 표시됩니다.
사용한 케이스는 다음 세 가지 주요 프린팅 부품으로 구성됩니다.
메인 케이스에는 ESP32, LED 매트릭스, 전원 커넥터 및 전선이 들어갑니다.
32x8 격자는 LED 매트릭스 위에 놓입니다. 각 구멍은 하나의 LED와 일치하며, 이를 통해 빛이 인접한 픽셀로 번지는 것을 막을 수 있습니다.
격자는 불투명 필라멘트로 출력했습니다.
전면 프레임은 격자와 디퓨저를 제자리에 고정합니다. 전자 부품을 설치하기 전에 매트릭스, 격자 및 프레임이 제대로 정렬되는지 확인하기 위해 모두 시험 조립했습니다.
코드에서 LED 전류를 2500 mA로 제한하므로 매트릭스를 제한 없이 최대 밝기로 구동하지 않습니다. 동일한 5V 입력을 분배해 한 쌍의 전선은 매트릭스에 전원을 공급하고 다른 한 쌍은 ESP32에 전원을 공급하도록 했습니다.
먼저 필요한 길이에 맞춰 전원 전선을 자르고 끝부분의 피복을 벗깁니다.
DC 배럴 잭의 양극 전선을 5V에 연결하고 음극 전선을 GND에 연결합니다.
같은 전원 입력에서 한 쌍의 전선은 LED 매트릭스로 연결하고, 다른 한 쌍은 ESP32로 연결합니다.
연결 작업을 하는 동안에는 전원을 분리해 두세요.
다음으로 LED 매트릭스를 ESP32에 연결했습니다.
먼저 매트릭스의 입력 측을 찾습니다. 5V, GND 및 DIN이라고 표시되어 있어야 합니다.
데이터 전선은 다음과 같이 연결합니다:
전원 연결:
데이터 신호가 제대로 작동하려면 ESP32와 매트릭스가 동일한 접지를 공유해야 합니다.
ESP32와 LED 매트릭스는 동일한 접지를 공유해야 합니다.
납땜한 후에는 노출된 연결 부위를 열수축 튜브로 덮습니다.
전원을 켜기 전에 멀티미터로 5V와 GND를 확인해 실수로 단락을 만들지 않았는지 점검했습니다.
배선이 정상적으로 작동하는 것을 확인한 후 ESP32를 케이스 안에 장착하고 전선이 눌리지 않도록 정리했습니다.
다음으로 32x8 LED 매트릭스를 케이스 전면에 배치하고 그 위에 출력한 LED 격자를 끼웠습니다. 각 LED가 격자의 구멍 하나와 일치하는지 확인했습니다.
그런 다음 흰색 디퓨저 시트를 위에 올리고 작은 나사로 전면 프레임을 고정했습니다.
전면 프레임을 나사로 고정하면서 하드웨어 조립이 완료되었습니다.
팔로워 수를 읽으려면 Meta Developer 앱을 만들고 Instagram 액세스 토큰을 생성해야 했습니다.
중요: 액세스 토큰을 비공개로 유지하세요. 스크린샷에 표시하거나 공개 Arduino 코드와 함께 업로드하지 마세요.
이 스크린샷은 2026년 8월에 촬영된 것이므로, 이후 Meta에서 일부 옵션의 위치를 옮기거나 이름을 변경할 수 있습니다.
ESP32 측 작업을 시작하기 전에 토큰이 작동하는지 확인하기 위해 브라우저에서 API 요청을 테스트했습니다.
브라우저에서 다음 URL을 엽니다:
YOUR_ACCESS_TOKEN을 실제 액세스 토큰으로 바꿉니다.
API가 작동하면 다음과 같은 응답을 받게 됩니다:
응답에 followers_count가 표시되면 API 측이 정상적으로 작동하는 것입니다.
오류가 발생하면 액세스 토큰을 확인하고 Instagram 계정이 올바르게 연결되어 있는지 확인하세요. 이 테스트가 성공한 후에야 ESP32 코드로 넘어갔습니다.
ESP32 프로그래밍에 Arduino IDE를 사용했습니다.
https://github.com/Rau7han/instagram-live-follower-counter-esp32
이 세 라이브러리는 ESP32 Arduino 패키지에 이미 포함되어 있습니다.
이 라이브러리들은 ESP32 보드 패키지에 포함되어 있으므로 별도로 설치할 필요가 없습니다.
스케치를 열고 상단 근처에서 다음 줄을 찾으세요.
업로드하기 전에 이 자리 표시자를 Wi-Fi 이름, 비밀번호, Instagram 토큰으로 바꿨습니다.
주요 디스플레이 설정은 이미 지정되어 있습니다.
ESP32는 30초마다 Instagram 팔로워 수를 확인합니다.
액세스 토큰을 비공개로 유지하고 코드를 공개적으로 공유하기 전에 삭제하세요.
USB 데이터 케이블로 ESP32를 컴퓨터에 연결하세요.
Arduino IDE에서:
ESP32가 WiFi에 연결되고 API에서 첫 번째 팔로워 수를 가져오면 LED 매트릭스에 숫자가 표시됩니다.
업로드가 완료된 후 USB를 분리하고 5V 전원으로 디스플레이에 전원을 공급했습니다.
먼저 Instagram 로고가 표시됩니다. 그런 다음 ESP32가 WiFi에 연결되고 Instagram API를 확인합니다.
첫 번째 팔로워 수를 받으면 숫자가 현재 수에 멈추기 전에 2초 동안 짧은 시작 애니메이션을 재생합니다. 그 후에는 현재 팔로워 수가 디스플레이에 계속 표시됩니다.
완성된 디스플레이에서 제가 가장 좋아하는 부분은 숫자가 화면 전체를 깜박이게 하지 않고 바뀌는 롤링 숫자입니다. 인쇄된 격자와 디퓨저 덕분에 처음 베어 매트릭스를 테스트했을 때보다 LED를 훨씬 쉽게 읽을 수 있었습니다. Wi-Fi와 토큰을 설정해 두면 전원을 연결하고 책상 위에서 계속 작동하게 둘 수 있습니다.
원문: https://www.instructables.com/Instagram-Live-Follower-Counter-Using-ESP32/
https://www.instructables.com/Instagram-Live-Follower-Counter-Using-ES…