데일리 · 기사 01 · 5 분 읽기
- Anthropic
Karpathy, HackerTube 제작 과정 설명…AI가 맡은 일과 사람이 준비한 것
10월 31일자 원문의 후속 해설 · 11월 2일 추가 설명 대조 · 수정 시각 미공개
요약·개요
AI 연구자 Karpathy의 10월 31일자 HackerTube 글과 추가 설명을 11월 2일 대조했습니다. 추천 재료를 고르고 API 키·서버·도메인을 준비한 사람의 역할과 AI의 제작 작업을 풀었습니다.
보고 싶은 강연을 찾다가 추천 목록에 지쳤다면, 내가 신뢰하는 사람들이 골라 놓은 영상부터 모아 볼 수 있습니다. AI 연구자 Andrej Karpathy가 공개한 HackerTube는 이런 선택을 작은 웹서비스로 만든 사례입니다.
핵심 팩트
Karpathy는 10월 31일 글에서 개발 작업을 수행하는 AI 도구 Claude Code로 HackerTube를 만들었다고 설명했습니다. 이번 후속 해설은 11월 2일 원문과 추가된 제작 설명을 대조한 것입니다. 추가 문단의 수정 시각은 표시되지 않았습니다. 작성자 원문
작성자 보고에는 추천 댓글 약 4만 건, 영상 6454개, 주제 150개와 약 2시간이라는 제작 시간이 나옵니다. 이는 당시 제작 과정에 관한 수치이며 현재 서비스 전체를 다시 센 결과나 누구나 재현할 작업 시간은 아닙니다. 별도 요금·운영비 총액도 제시되지 않았습니다.

1. 추천 목록의 출발점을 고르기
Hacker News는 기술 이야기를 나누는 커뮤니티입니다. Karpathy는 그곳의 댓글에서 YouTube 영상을 추천한 내용을 추리고, 다른 AI 모델인 Sonnet을 분류 과정에 사용했다고 썼습니다. 새 영상을 생성한 것이 아니라 기존 영상의 목록과 찾아보는 화면을 만든 작업입니다.
댓글은 추천 이유를 담는 글이고, 영상은 그 글이 가리키는 대상입니다. 같은 영상을 여러 댓글이 가리킬 수도 있으므로 댓글 수를 영상 수로 나누어 ‘좋은 영상의 비율’로 해석할 수 없습니다. 아래 흐름은 작성자가 설명한 처리 단계를 간단히 묶은 것입니다.
%% 추천 재료가 목록이 되는 흐름 · Karpathy의 제작 설명
flowchart TD
A["Hacker News의 댓글"] --> B["영상 추천 후보를 추려 분류"]
B --> C["기존 영상 목록과 주제로 정리"]
C --> D["찾아보고 고르는 웹 화면"]이 방식은 추천의 출발점을 내가 고르는 선택입니다. 한 커뮤니티의 관심사에 치우칠 수 있어, 모든 시청자에게 같은 품질을 보장하는 평가로 볼 수는 없습니다.
고양이와 풀어보기 Q&A
- 고양이 연구원
비슷한 목록을 만들려면 AI에게 먼저 무엇을 알려 줘야 해?
포켓 노트누구를 위한 목록인지와 어떤 자료를 후보로 삼을지부터 정해 주면 돼. 예를 들어 도서관의 공개 강연 안내를 모으는 가상 작업이라면, 신뢰할 주최 기관과 대상 연령을 먼저 적을 수 있어. 화면 모양만 주문하면 왜 그 영상이 포함됐는지 판단하기 어려워져.
2. 사람이 준비한 자원에서 AI의 서버 작업으로
추가 설명에서 Karpathy는 사람이 Google Cloud의 API 키를 만들고, VPS를 켜고, 도메인을 샀다고 밝혔습니다. API는 프로그램이 다른 서비스에 정보를 요청하는 통로이고, API 키는 그 요청에 사용할 접근 정보입니다. YouTube의 영상 메타데이터에는 제목·영상 길이 같은 설명 정보가 들어가며, 영상 파일 자체와는 다릅니다. YouTube 영상 정보 형식
VPS는 인터넷에 켜 두는 임대 컴퓨터이고, 도메인은 그 서비스로 찾아오는 이름입니다. 작성자는 AI가 작업하는 사이에 자원을 준비했고, 서버가 켜진 뒤 접속 대상을 알려 업데이트·배포·보안 설정·최적화를 맡겼다고 설명합니다. 그림은 병행한 준비와 서버 작업으로 넘어가는 지점을 나눕니다.
사람의 자원 준비와 AI의 제작을 병행
사람 · 자원 준비
- 영상 정보용 API 키 발급
- 임대 서버(VPS) 켜기
- 도메인 구매
AI · 자료와 화면 제작
- 댓글 수집·영상 추천 추출·분류
- 영상 목록과 웹 화면 제작
서버 준비 뒤, 사람이 AI에 접속 대상 전달
AI · 준비된 서버에서 작업
업데이트·배포·보안 설정·최적화
산출물 · HackerTube
기존 YouTube 영상을 찾아 고르는 웹서비스
고양이와 풀어보기 Q&A
- 고양이 연구원
사람이 코드와 서버 명령도 직접 처리한 거야?
포켓 노트작성자는 직접 코드를 읽고 쓰거나 터미널 명령을 실행하는 대신 Claude에게 말로 작업을 맡겼다고 설명했어. AI가 작업하는 사이에 API 키·서버·도메인을 준비한 것이 자신의 수작업이었다는 거야. 이 분담을 내 작업에 적용한다면, 쓸 계정·변경 범위·지출 한도를 따로 정해야 해.
3. 계정이 없는 화면에서 살펴볼 저장 위치
Karpathy는 별도 사용자 계정 없이 브라우저 안에 상태를 저장한다고 설명합니다. 이는 로그인 절차에 관한 설명이며, 서버나 영상 제공자와 통신하지 않는다는 보증은 아닙니다. 일반적인 웹페이지도 서버에 요청을 보내 자료를 받습니다. 웹 요청의 기본 구조
브라우저에 저장한 상태와 서버의 영상 목록은 관리 위치가 다를 수 있습니다. 예를 들어 브라우저의 localStorage는 사이트별로 저장되고 사이트 데이터를 지우면 사라질 수 있습니다. 이것은 브라우저 저장의 일반 설명이며 HackerTube의 전체 저장·추적 방식을 감사한 결과가 아닙니다. 브라우저 저장 안내
| 살펴볼 대상 | 독자가 알아둘 질문 |
|---|---|
| 좋아요·나중에 볼 목록 같은 개인 상태 | 다른 기기에서도 이어지는가, 내보내거나 복원할 수 있는가 |
| 서비스가 제공하는 영상 목록 | 자료 출처와 갱신 시점은 무엇인가 |
| 실제 영상 재생 | 어느 제공자의 재생 화면과 정책을 사용하는가 |
- 살펴볼 대상
좋아요·나중에 볼 목록 같은 개인 상태
- 독자가 알아둘 질문
- 다른 기기에서도 이어지는가, 내보내거나 복원할 수 있는가
- 살펴볼 대상
서비스가 제공하는 영상 목록
- 독자가 알아둘 질문
- 자료 출처와 갱신 시점은 무엇인가
- 살펴볼 대상
실제 영상 재생
- 독자가 알아둘 질문
- 어느 제공자의 재생 화면과 정책을 사용하는가
고양이와 풀어보기 Q&A
- 고양이 연구원
기기를 바꾸기 전에 무엇을 보관해야 해?
포켓 노트내가 표시한 목록과 서비스의 전체 자료 내보내기가 같은 기능인지 먼저 봐야 해. 내 상태를 내보낼 수 있다면 복원 방법까지 함께 확인하면 돼. 계정이 없다는 말만으로 기기 간 동기화나 백업이 있다고 가정하지 않는 거야.
4. 제작 시간 다음에 남는 운영 기록
작동하는 첫 화면이 나와도 자료 갱신, 끊어진 영상, 비용과 장애 대응은 계속 남습니다. 가상의 도서관 강연 페이지라면 담당자는 잘못 분류된 영상을 고치고, 삭제된 링크를 처리하며, 다음 주 자료를 누가 갱신할지 정해야 합니다.
| 확인할 일 | 남길 근거의 예 |
|---|---|
| 추천 재료를 의도대로 골랐는가 | 포함·제외 기준과 표본 검토 |
| 공개할 내용이 맞는가 | 제목·링크·분류와 권리 조건 점검 |
| 계속 운영할 수 있는가 | 갱신 담당자, 비용 기록, 장애 연락·복구 방법 |
- 확인할 일
추천 재료를 의도대로 골랐는가
- 남길 근거의 예
- 포함·제외 기준과 표본 검토
- 확인할 일
공개할 내용이 맞는가
- 남길 근거의 예
- 제목·링크·분류와 권리 조건 점검
- 확인할 일
계속 운영할 수 있는가
- 남길 근거의 예
- 갱신 담당자, 비용 기록, 장애 연락·복구 방법
고양이와 풀어보기 Q&A
- 고양이 연구원
‘완성됐다’는 연락을 받으면 어디부터 열어 봐야 해?
포켓 노트실제 공개 주소에서 대표적인 목록과 링크를 열고, 자료가 바뀔 때의 갱신 방법도 받아 보면 돼. 처음 만든 속도와 이후 운영에 필요한 일을 함께 읽어야 맡긴 범위가 드러나. 이 사례에서 배울 것은 모든 일을 없애는 마법보다, 사람이 선택한 재료와 권한을 AI의 작업에 연결하는 방법이야.
마무리
내 기준으로 고를 수 있는 작은 서비스
HackerTube는 기존 영상의 추천 재료와 탐색 화면을 바꾸는 선택을 보여 줍니다. 만들고 싶은 화면에 앞서 어떤 자료를 믿고, 어디까지 실행을 맡기며, 결과를 누가 계속 관리할지 정할 수 있습니다.
출처
- 작성자 원문karpathy.bearblog.dev
- YouTube 영상 정보 형식developers.google.com
- 웹 요청의 기본 구조developer.mozilla.org
- 브라우저 저장 안내developer.mozilla.org