전체 레시피 miribomrecipe
No.1따라하기릴스 #1

"헤이 잭" 한마디에 벽 전광판이 AI 비서로

OpenAI 직원이 사이드 프로젝트로 만든 음성 AI 전광판 "잭"이에요. 말로 부탁하면 날씨, 예보 그래프, 사진까지 벽에 띄워줘요. 만든 사람도 LED와 라즈베리파이는 처음이었대요. 하드웨어 없이 해보는 방법부터 정리했어요.

  • 4개복사용 프롬프트
  • 무료로 시작
  • 26.10기준
프롬프트 바로 복사사용법 보기
OpenAI Developers 블로그

어떻게 작동해요?

how it works

원작자가 공개한 구조

이렇게 작동해요

  1. 1"헤이 잭"마이크로 듣기
  2. 2음성 AI실시간 대화 (GPT-Live-1)
  3. 3검색·일정다른 모델에 넘겨 처리
  4. 4LED에 표시128×64 패널

라즈베리파이에 마이크·스피커·LED 패널을 연결하고, 대화는 실시간 음성 AI가, 검색·일정 확인은 다른 모델이 맡아요. 막히는 부분은 코딩 AI(Codex)에게 물어보며 만들었대요.

준비물

어떤 방법으로 할까요?

pick a route

처음이면 추천 방법부터

추천

화면 버전

하드웨어 없이 먼저 해보고 싶다면

필요한 것
컴퓨터 + 웹 챗봇
비용
무료부터
결과
브라우저 속 전광판
화면 버전 만들기
원작 방식

진짜 LED 전광판

라즈베리파이를 만져보고 싶다면

필요한 것
라즈베리파이 + LED 패널
비용
부품값 + API 사용료
결과
벽에 거는 AI 비서
하드웨어 버전 보기

따라 하는 법

method
01STEP 1

화면 버전: 전광판 디자인 만들기

  • 웹 챗봇에 넣기
    128×64 픽셀 LED 전광판처럼 보이는 웹페이지를 HTML 파일 하나로 만들어줘. 도트가 보이는 픽셀 글꼴로 현재 시각, 날짜, 날씨 아이콘과 기온을 보여주고, 버튼을 누르면 "일주일 예보 그래프" 화면과 "도시 야경 픽셀 아트" 화면으로 바뀌게.
  • TIP실제 날씨 대신 예시 데이터로 먼저 만들고, 마음에 들면 다음 단계에서 진짜 데이터를 연결해요.
02STEP 2

화면 버전: 말로 바꾸기

  • 음성 명령 추가
    위 전광판에 마이크 버튼을 추가해줘. 브라우저 음성 인식으로 "날씨", "예보", "야경" 같은 말을 알아들으면 해당 화면으로 바뀌게. 한국어로 말해도 되게 해줘.
  • TIP크롬 브라우저에서 마이크 권한을 허용해야 작동해요.
03STEP 3선택

하드웨어 버전: 코딩 AI와 함께 조립

  • 원작자처럼 처음이어도 괜찮아요. 부품을 산 뒤 코딩 AI에게 단계별로 물어보며 진행해요.
  • 코딩 AI에 첫 질문
    라즈베리파이에 128×64 RGB LED 패널(HUB75)을 연결해서 글자를 띄우고 싶어. 나는 처음이야. 필요한 부품 목록, 배선 순서, 설치할 라이브러리, 첫 테스트 코드까지 단계별로 알려줘. 각 단계가 성공했는지 확인하는 방법도.
  • 음성 비서 연결
    이제 USB 마이크로 "헤이 잭"을 들으면 OpenAI 실시간 음성 API로 대화하고, 날씨를 물으면 LED에 날씨 화면을 띄우게 만들어줘. API 키는 환경 변수로 넣을게. 말하는 도중 끼어들어도 멈추고 듣게 해줘.
  • 주의전원 어댑터는 LED 패널 사양에 맞는 걸 써야 해요. 실시간 음성 API는 사용한 만큼 비용이 나가요.

프롬프트 모아보기

copy & paste

단계에 나온 프롬프트를 한곳에 모았어요

1. STEP 1 · 웹 챗봇에 넣기
128×64 픽셀 LED 전광판처럼 보이는 웹페이지를 HTML 파일 하나로 만들어줘. 도트가 보이는 픽셀 글꼴로 현재 시각, 날짜, 날씨 아이콘과 기온을 보여주고, 버튼을 누르면 "일주일 예보 그래프" 화면과 "도시 야경 픽셀 아트" 화면으로 바뀌게.
2. STEP 2 · 음성 명령 추가
위 전광판에 마이크 버튼을 추가해줘. 브라우저 음성 인식으로 "날씨", "예보", "야경" 같은 말을 알아들으면 해당 화면으로 바뀌게. 한국어로 말해도 되게 해줘.
3. STEP 3 · 코딩 AI에 첫 질문
라즈베리파이에 128×64 RGB LED 패널(HUB75)을 연결해서 글자를 띄우고 싶어. 나는 처음이야. 필요한 부품 목록, 배선 순서, 설치할 라이브러리, 첫 테스트 코드까지 단계별로 알려줘. 각 단계가 성공했는지 확인하는 방법도.
4. STEP 3 · 음성 비서 연결
이제 USB 마이크로 "헤이 잭"을 들으면 OpenAI 실시간 음성 API로 대화하고, 날씨를 물으면 LED에 날씨 화면을 띄우게 만들어줘. API 키는 환경 변수로 넣을게. 말하는 도중 끼어들어도 멈추고 듣게 해줘.

이럴 땐 이렇게

troubleshooting

자주 막히는 부분을 모았어요

Q코딩을 몰라도 되나요?
A

화면 버전은 프롬프트만 복사하면 돼요. 하드웨어 버전은 코딩 AI가 알려주는 명령어를 따라 할 수 있으면 충분해요.

QAPI 키가 뭐예요?
A

프로그램이 AI를 쓸 수 있게 해주는 비밀번호 같은 거예요. 남에게 보여주거나 코드에 그대로 적어 올리면 안 돼요.

용어 풀이

glossary

처음 보는 단어가 있다면

라즈베리파이
손바닥만 한 작은 컴퓨터
LED 패널(HUB75)
작은 LED 점들로 글자·그림을 띄우는 판과 그 연결 방식
실시간 음성 API
말을 바로 듣고 말로 대답하는 AI 연결 통로

원작·출처

source

릴스에 나온 영상과 글의 원본이에요

OpenAI Developers 블로그Bringing my LED display to life with GPT-Live-1 and Codex (2026.09.23)
원문 보기
도움이 됐다면 저장·공유해주세요친구에게 보내면 같이 만들어볼 수 있어요

다른 레시피

more recipes
전체 레시피 보기
프롬프트 4개 바로 보기