안녕하세요. 치지직·SOOP·트위치 드롭스를 한곳에서 확인하는 Stream Drops Hub라는 확장 프로그램을 Codex와 함께 만든 경험을 공유합니다.


제가 공유하고 싶은 활용법은 평소 반복하는 불편한 일을 구체적으로 설명하고, AI와 함께 직접 쓸 도구로 만드는 방법입니다.


1. 무엇에 쓰는 활용법인가요?

이터널리턴 드롭스를 챙기다 보면 플랫폼마다 보관함을 확인하고, 시청 진행률을 보고, 쿠폰을 찾아 복사하는 작업을 반복하게 됩니다.

이런 기능을 한곳에 모으면 편하겠다는 생각으로 웨일·Chrome에서 사용하는 확장 프로그램을 만들었습니다. 이후 필요한 기능을 추가하고, 직접 사용하면서 발견한 문제를 수정해 나갔습니다.

드롭스 외에도 자주 확인하는 정보를 모으거나 반복 작업을 줄이는 개인용 도구를 만들 때 응용할 수 있는 방식입니다.


2. 사용한 AI

  • 사용 서비스: OpenAI Codex
  • 무료·유료 여부: 유료
  • 활용한 작업: 기능 정리, 코드 작성과 수정, 오류 원인 분석, 테스트 및 배포 자료 정리

제가 원하는 기능과 동작을 설명하면 Codex가 코드를 작성하고, 결과를 직접 확인하면서 수정할 내용을 다시 전달하는 방식으로 진행했습니다.


3. 프롬프트 또는 설정 — 원하는 동작과 실패 조건을 함께 설명하기

공유하고 싶은 팁은 기능 이름만 요청하지 말고, 어떻게 동작해야 하는지와 실패했을 때 어떻게 처리할지도 함께 적는 것입니다.

아래는 실제 개발 과정의 요청 내용을 다른 분들도 활용하기 쉽게 재구성한 예시입니다. 당시 대화 원문은 아닙니다.


치지직·SOOP·트위치 드롭스를 한곳에서 확인하는
웨일·Chrome 확장 프로그램을 만들고 싶어.

우선 다음 기능부터 구현해줘.
1. 플랫폼별 보상 목록 확인
2. 보상별 수령 또는 쿠폰 코드 확인·복사
3. 처리한 보상과 쿠폰 기록 보관
4. 플랫폼별 목록과 전체 목록 구분

다음 조건도 지켜줘.
- 조회 실패를 '보상 0개'로 표시하지 말 것
- 서버에서 성공을 확인한 경우에만 수령 완료로 기록할 것
- 코드 복사가 실패해도 이미 확인한 쿠폰은 보존할 것
- 오류 메시지와 진단 정보에 쿠키·인증 정보를 넣지 말 것

먼저 필요한 구조와 확인할 사항을 정리하고,
작은 기능부터 구현한 뒤 확인해줘.

이미 만든 도구를 수정할 때는 다음 네 가지를 적는 방법이 도움이 됩니다.


  • 현재 문제: 지금 어떤 상황에서 무엇이 잘못되는지
  • 원하는 동작: 수정 후에는 어떻게 동작해야 하는지
  • 유지할 동작: 수정하면서 바뀌면 안 되는 기능은 무엇인지
  • 확인할 조건: 어떤 상황을 검사해야 하는지

예를 들어 실제로 새 치지직 드롭스 캠페인이 설정 목록에 바로 반영되지 않고, 수동 새로고침을 해야 나타나는 문제가 있었습니다.

이 사례를 위 방식으로 정리하면 다음과 같습니다.


현재 문제:
새 치지직 드롭스 캠페인이 생겨도 설정 목록에 바로 반영되지 않고,
수동으로 새로고침해야 나타나는 경우가 있어.
설정은 '모든 캠페인 순차 수집'이야.

원하는 동작:
자동 수집에서 확인한 최신 캠페인 목록을 설정 화면에도 반영해줘.
설정 화면을 열 때 목록이 오래됐으면 다시 확인해줘.

유지할 동작:
특정 캠페인을 선택한 사용자의 설정은 유지해줘.
한 캠페인 조회가 실패해도 정상적으로 조회된 캠페인은 계속 처리해줘.
확인하지 못한 캠페인이 남아 있으면 전체 완료로 판단하지 마.

검증:
원인을 먼저 확인하고 수정한 뒤,
새 캠페인 추가·일부 조회 실패·정상적인 빈 목록·기존 선택 유지
조건을 각각 확인해줘.

확인 결과, 자동 수집과 설정 화면에서 캠페인 목록을 반영하는 경로에 차이가 있었습니다. 최신 조회 결과를 함께 사용하도록 수정하고, 일부 조회에 실패하면 해당 항목을 다시 확인하도록 보완했습니다.
“새로고침이 안 돼”라는 설명에 발생 조건과 원하는 결과를 붙여 주는 것이 핵심입니다.

4. 실제 결과
이렇게 만든 결과물이 Stream Drops Hub입니다.
👉 프로젝트 소스와 설명
👉 배포 파일

구현한 주요 기능은 다음과 같습니다.
  • 치지직·SOOP·트위치 보상 목록 통합 확인
  • 보상별 수령 및 쿠폰 코드 확인·복사
  • 처리 기록과 쿠폰 보관
  • 치지직·트위치 이터널리턴 드롭스 자동 시청과 방송 전환
  • 서버에서 확인한 드롭스 진행률과 보상별 상태 표시
  • 불필요한 보상 숨기기와 수집 상태 진단

자동 시청과 보상 수령은 별도로 구분했습니다. 트위치 자동 수령은 별도 설정이며, 치지직·SOOP 쿠폰은 직접 확인하고 복사하는 방식입니다.
아래는 구현한 진행률 화면입니다.



5. 잘 안 되는 조건과 사용하면서 느낀 점
AI가 코드를 작성하고 테스트를 통과했다고 해서 실제 사용 환경에서도 모든 기능이 정상이라는 뜻은 아니었습니다.
예를 들어 방송 탭이 열리고 영상이 재생되는 것과 드롭스 시청 시간이 서버에 실제로 적립되는 것은 따로 확인해야 합니다. 로그인 상태, 게임 계정 연결, 브라우저 절전, 다른 방송의 동시 시청 같은 조건도 영향을 줄 수 있습니다.
사이트의 화면이나 서버 응답이 바뀌면 기존 코드가 맞지 않을 수도 있습니다. 그래서 오류가 나면 당시 설정과 증상, 민감 정보를 가린 화면이나 진단 내용을 함께 전달하는 것이 좋습니다.
저는 이런 작업을 요청할 때 아래 문장을 덧붙이는 방식을 추천합니다.

확인한 사실과 추정을 구분해줘.
테스트 환경에서 확인한 내용과 실제 계정에서 확인해야 할 내용을 나눠줘.
확인하지 못한 결과는 성공했다고 표현하지 마.

처음부터 거창한 프로그램을 생각할 필요는 없는 것 같습니다. 평소 반복해서 하는 일 하나를 골라 언제 불편한지, 어떤 동작을 원하고, 무엇은 유지해야 하는지부터 적으면 AI에 전달할 요구사항이 훨씬 명확해집니다.
저처럼 드롭스를 챙기는 도구가 아니더라도, 각자 자주 하는 작업으로 바꿔서 활용해 보시면 좋겠습니다.