반응형
블로그 이미지
개발자로서 현장에서 일하면서 새로 접하는 기술들이나 알게된 정보 등을 정리하기 위한 블로그입니다. 운 좋게 미국에서 큰 회사들의 프로젝트에서 컬설턴트로 일하고 있어서 새로운 기술들을 접할 기회가 많이 있습니다. 미국의 IT 프로젝트에서 사용되는 툴들에 대해 많은 분들과 정보를 공유하고 싶습니다.
솔웅

최근에 올라온 글

최근에 달린 댓글

최근에 받은 트랙백

글 보관함

카테고리


반응형

Seattle Tech Week 2026이 이번 주(7/27~31) 시애틀에서 진행 중이다. 일주일 동안 열리는 행사가 242개, 그중 AI 태그가 붙은 것만 77개다.

전부 내 관심 분야라 오히려 고르기가 어려웠다. 갈 만한 게 없는 게 아니라, 관심 가는 게 한 주에 몰려 있는 게 문제였다. 행사 하나 확인하는 데 2분씩만 잡아도 8시간이 넘는다.

이걸 AI에게 맡기는 과정에서, 같은 문제를 두 에이전트가 어떻게 다르게 접근하는지 꽤 선명하게 볼 수 있었다. 결론부터 말하면 이번 건은 명확히 Codex Win이었다.

1. Claude Code가 막힌 지점

처음 요청은 단순했다. "이 페이지에 있는 행사들을 정리해줘."

Claude Code는 Luma 허브 페이지를 찾아냈다. 거기까지는 문제없었다. 그런데 각 행사의 날짜·시간·장소·신청 링크를 안정적으로 추출하지 못했다.

이유는 명확하다. Luma는 동적 웹앱이다. 사람 눈에 보이는 카드 목록은 정적 HTML에 들어 있는 게 아니라, 브라우저 안에서 API 호출로 렌더링된 결과다. 즉 "페이지를 찾았다"와 "그 페이지의 모든 이벤트 데이터를 구조화해서 가져왔다"는 전혀 다른 문제다.

게다가 이벤트가 200개가 넘으면 개별 링크를 하나씩 타고 들어가는 방식은 금방 병목이 된다. 결국 내가 화면 캡처를 제공하고, AI가 그걸 읽어 표로 만드는 우회로를 택했다. 하루치는 처리되지만 5일치를 하려면 같은 짓을 반복해야 한다. 확장성이 없는 방식이었다.

자동화하려다 반자동 수작업이 된 셈이다.

2. Codex가 문제를 다시 정의한 방식

같은 상황을 Codex에게 그대로 설명하고 방법을 물었다.

Codex는 "화면을 더 잘 읽는 방법"을 찾지 않았다. 대신 "이 화면이 데이터를 어디서 가져오는가"를 추적했다. JavaScript 번들과 네트워크 호출 구조를 확인해, 허브가 내부적으로 쓰는 공개 API 엔드포인트를 찾아냈다.

확인된 정보는 이랬다.

이 API를 호출하니 각 이벤트의 제목, 시작·종료 시간, 장소, 태그, 등록 상태, URL이 구조화된 JSON으로 떨어졌다. 페이지네이션을 따라가며 전체를 수집해 242개 전량을 확보했다.

구분 Claude Code 초기 방식 Codex 해결 방식

접근 대상 화면, 검색 결과, 사용자 캡처 공개 JSON API
데이터 형식 화면 텍스트, 수동 링크 매칭 구조화된 JSON
확장성 날짜별 캡처 필요 전체 자동 수집
병목 이벤트별 링크 추적 페이지네이션 처리

중요한 건 어느 모델이 더 똑똑하냐가 아니다. 문제를 어떤 레벨로 정의했는가가 결과를 갈랐다. "이 페이지의 행사들을 정리해줘"는 사람에게는 자연스러운 요청이지만, 에이전트에게는 동적 렌더링·숨겨진 API·페이지네이션·링크 매칭·상태 변경이 뒤섞인 복합 요청이다.

3. 수집 다음이 진짜 일이다

데이터가 모였다고 끝이 아니다. AI 태그만 77개인데 다 갈 수는 없다.

AI에게 내 기준을 줬다. 지금 진행 중인 프로젝트와의 관련성, 시간 충돌 여부, 시애틀-벨뷰 이동 부담(편도 약 30분). 결과물은 추천 목록이 아니라 내가 Yes/No만 판단하면 되는 후보표였다.

여기서 한 가지 짚어둘 게 있다. AI가 내 기준을 알 수 있었던 건 평소에 작업 기록을 로컬 마크다운으로 남겨뒀기 때문이다. WorkLog, Daily Roundup, Topic 문서가 쌓여 있으니 AI는 "이 사람이 무엇에 관심 있는지"를 추론할 근거를 갖고 시작했다. 그래서 인기 있어 보이는 행사가 아니라, 내가 하던 일과 연결되는 행사를 우선 보고했다.

최종적으로 참가 확정 12개, 승인 대기 12개. Google Calendar에 반영하고 승인 메일이 올 때마다 상태를 갱신했다.

4. 한 번의 통찰을 재사용 가능하게 만들기

여기서 끝났으면 그냥 잘 풀린 사례 하나였을 것이다.

일주일 뒤, 전혀 다른 사이트(Wix 기반 페이지)에서 똑같은 벽을 만났다. WebFetch가 "JS로 동적 렌더링돼서 내용을 다 못 가져온다"고 보고했다. 그때 이 원칙을 다시 적용했다 — 화면 말고 데이터 원천을 찾는다. 원본 HTML을 직접 받아보니 페이지 안에 임베드된 JSON 객체에 전체 콘텐츠가 들어 있었다.

같은 접근이 두 번 통했으면 그건 우연이 아니라 패턴이다. 그래서 이 방법 자체를 web-data-extraction이라는 재사용 가능한 스킬로 정리했다. 다음에 같은 상황이 오면 AI가 이 원칙을 잊지 않도록.

재사용 가능한 절차는 대략 이렇다.

  1. 사용자가 보는 화면과 AI가 접근 가능한 데이터가 같은지 먼저 확인한다
  2. 동적 페이지라면 HTML 텍스트만 읽지 말고 JS 번들과 네트워크 호출을 본다
  3. 임베디드 JSON이나 공개 API가 있으면 화면 캡처 대신 거기서 구조화된 데이터를 가져온다
  4. 페이지네이션(cursor, limit, has_more) 구조를 확인한다
  5. 원천 데이터 저장과 선별·추천을 별도 단계로 분리한다
  6. 상태가 바뀌는 정보(등록 승인 등)는 최종 결정 직전에 다시 확인한다

5. 한계도 분명하다

과장하지 않기 위해 적어둔다. AI가 Luma에 로그인해서 Register나 Request to Join을 대신 눌러주지는 못했다. 신청·승인 흐름을 에이전트가 안정적으로 처리하는 건 아직 일반 사용자가 안심하고 맡길 수준이 아니다.

그러니까 이 실험의 결론은 "AI가 다 해줬다"가 아니다. 정보 과부하를 줄이고, 내가 결정할 수 있는 형태로 정리해주는 데까지가 현재 지점이다. 그것만으로도 8시간짜리 일이 며칠 저녁 잠깐씩으로 줄었다.

6. 여담 — 월요일 현장에서

이렇게 정한 일정으로 어제 월요일 첫 행사에 갔다. 벨뷰 시청에서 열린 Startup425 행사였는데, 거기서 한국에서 온 42 Network 학생들을 만났다.

42는 강의와 시험 대신 프로젝트와 동료 학습(peer-to-peer)으로 개발자를 키우는 소프트웨어 교육기관이다. 프랑스 파리에서 시작해 지금은 30여 개 나라에 캠퍼스가 있고, 한국에는 42 서울이 있다. 공식 소개에 따르면 세계 최대 규모의 무료 IT 교육 네트워크다.

먼 길 왔으니 많이 배우고 가면 좋겠다.

영상

전체 과정을 7분짜리 영상으로 정리했다.

https://youtu.be/EQ1I0YSfMvM

 

영어 버전: https://youtu.be/OjSXw0_4ihY

 

 

반응형


반응형

7월 초 일주일간 무료로 제공되던 Anthropic의 신모델 "Fable 5"가 유료 전환됐다. $20 구독료(Claude Pro)에는 포함되지 않고, Usage Credits를 별도로 결제해야 쓸 수 있는 구조다. 마침 $100짜리 무료 크레딧(9/19 만료)과 이전 크레딧 약 $18(8월 만료)이 남아 있어서, 어차피 쓸 거 제대로 실측해보기로 했다. 시작 잔액은 $25.08, Monthly Spend Limit은 $20으로 걸어뒀다. "설마 이걸 넘기겠어" 싶었다.

첫날 저녁, 한도 118% 초과

착각이었다. 첫날 저녁, 슬라이드 컴포넌트 몇 개를 고치는 사이 Monthly Spend Limit을 118% 초과했다는 메시지가 떴다. 작업이 그대로 멈췄다.

하루 반나절 만에 한도를 4번 올리다

그때부터 이상한 행진이 시작됐다. $25 → $40(다음 날 새벽 또 초과) → $70(문서 두 개에 92%) → $100. 하루 반나절 사이 네 번의 한도 인상. 학습 로드맵 문서 하나, 구글 폼 설계 문서 하나 — 이 두 개를 마무리하는 데만 $17.93이 들었다. "이건 계속 못 쓰겠다"는 생각이 처음 든 순간이었다.

같은 날 두 작업의 영수증: $0 vs $8.16

그래서 작업을 두 종류로 나눴다. 절차가 정해진 기계적 작업(구글 폼 실제 제작)은 Sonnet으로, 창의적 판단이 필요한 작업(안내 슬라이드 1장 설계)만 Fable로. 같은 날 두 작업의 영수증을 비교하니 $0 대 $8.16으로 극명하게 갈렸다. 참고로 이 영상 자체를 기획하는 동안에도 크레딧 게이지가 74%에서 85%로 늘었고, 슬라이드 코드를 작성하던 제작 중반에는 남은 $16이 순식간에 사라지며 $100 한도마저 넘겨 결국 Opus로 갈아타 마무리했다.

지금 쓰고 있는 AI 스택

결론은 "성능은 최고, 하지만 일상적으로는 못 쓴다"였다. 지금은 이렇게 나눠 쓴다.

  • Fable 5: 당분간 보류 — 일상 사용은 너무 비쌈
  • Opus: 주요 작업 — 계획·분석·중요한 판단
  • Sonnet: 간단한 작업 — 정해진 절차·기계적 처리

실제 매달 지불하는 AI 구독료는 Claude Pro $20 + ChatGPT Plus(Codex) $20 + Google AI Plus(Gemini) $4.99 — 총 $44.99에 세금 별도, 여기에 Usage Credits 같은 종량제 비용이 쓴 만큼 추가된다.

이 영상은 어떻게 만들었나

영상 슬라이드 기획부터 컴포넌트 코딩, 렌더링까지 Claude Code와 Remotion AI로 만들었다. 나레이션은 Qwen3-TTS로 생성했는데, 내 목소리를 복제한 Voice Clone과 AI 프리셋 보이스(Cherry·Serena·Sohee)를 슬라이드 성격에 맞게 섞어 썼다. 영어 버전은 슬라이드 텍스트와 나레이션을 전부 영어로 다시 작업해 별도로 올렸다.

영상으로 보기

한국어 영상 전체 챕터는 아래에서 확인할 수 있다.

https://youtu.be/3z4iwrpF0p8

 

English version (full English narration & subtitles):

https://youtu.be/VWg-1u9eEW8

 

 

반응형


반응형

## 왜 이 영상을 만들었나

얼마 전 유타주의 한 선생님이 컴퓨터가 익숙하지 않으신데도 AI의 도움을 받아 며칠 만에 앱을 만드는 과정을 옆에서 도와드렸습니다. 그분이 만든 건 자신의 인생 이야기를 말로 들려주면 녹음해서 글로 바꾸고, 책으로 엮을 수 있는 문서로 정리해 프린트까지 해주는 앱이었습니다. 특별한 코딩 재능이 있어서가 아니라, 평생 쌓아온 경험 자체가 이미 충분한 재료였기 때문입니다.

이 경험을 바탕으로, 시애틀의 송재희님이 정리하신 무료 가이드 "Build with AI"를 쉽게 풀어 소개하는 영상을 만들었습니다. 대상은 개발자가 아니라, 자기 분야의 경험과 지식은 풍부하지만 컴퓨터는 어렵게 느껴지는 분들입니다.

 

https://youtu.be/T9BCpJ_ffzQ

 

## Build with AI, 12부를 네 묶음으로

Build with AI는 12개 파트로 구성된 실전 가이드인데, 영상에서는 이걸 네 묶음으로 나눠 설명합니다.

- **사고 전환** (Part 0~2): AI는 버튼이 아니라 협업자라는 마인드셋, 맡길 일과 사람이 지킬 일의 구분
- **재료 준비** (Part 3~6): 좋은 결과는 좋은 재료(도메인 지식·기록·문제 정의)에서 나온다
- **만들기 방식** (Part 7~9): AI 에이전트·바이브 코딩·코드 어시스턴트, 그리고 "계획부터" 원칙
- **서비스화와 미래** (Part 10~12): 혼자 쓰는 것과 남도 쓰게 만드는 것의 차이, 그리고 변하지 않는 자산

## 제 경험을 더한 부분

원문에 없는, 제가 실제로 겪은 두 가지 이야기도 넣었습니다.

1. **AI 자막 검수 경험담**: AI가 고유명사를 소리 나는 대로 잘못 적거나, 말실수까지 그대로 받아 적는 걸 보면서, 사람이 어디에 필요한지가 더 또렷해진 경험
2. **배포의 벽**: 이선생님이 앱은 완성했지만, 가족에게 전달하는 배포 단계에서 막혔던 뒷이야기 — 그리고 이걸 "100마일 고속도로 중 5마일만 10차선"이라는 비유로 정리한 이유. 여러 사람이 함께 쓰는 앱에는 데이터베이스·백엔드·클라우드 같은, AI 에이전트가 아직 대신해주지 못하는 일이 많다는 것도 짚었습니다.

## 바이브 코딩을 시작하고 싶은데 막히는 분들을 위한 프로그램

영상 제작과 별개로, 저는 AI를 일상에 적용하는 다양한 실험을 계속하고 있습니다. 그중 하나로 "코딩은 모르지만 꼭 만들고 싶은 앱이 있다"는 분들을 위해, 컴퓨터에 바이브 코딩 환경(VS Code + Claude Code)을 함께 세팅하고, 원하시는 간단한 앱 하나를 온라인으로 같이 만들어보는 과정을 진행하고 있습니다.

관심 있으신 분은 영상 설명란의 신청서 링크로 들어가 성함·이메일·만들고 싶은 앱만 간단히 적어 주시면 제가 직접 이메일로 연락드립니다. 한국어·영어 모두 신청 가능합니다.

 

English version: https://youtu.be/bfpj7aetzhk

 

바이브 코딩 첫걸음 - 온보딩 신청서
https://docs.google.com/forms/d/e/1FAIpQLScLIGwXR4SR467JJcRbVWkoKZP9Xd0bhHDSM64noospnK1X8w/viewform

 

바이브 코딩 첫걸음 — 온보딩 신청서 Vibe Coding First Steps — Program Application

🇰🇷 코딩을 몰라도 괜찮습니다. 컴퓨터가 익숙하지 않아도 괜찮습니다. 오랫동안 쌓아 오신 경험과 지식으로 나만의 앱을 만들어 보고 싶으신 분들을 위해, 컴퓨터에 바이브 코딩 환경을 준

docs.google.com

 

원문: Build with AI (송재희님), https://buildwithai.clearlyreqs.com/ko/

 

AI로 만들기

비개발자를 위한 AI 실무 가이드 — AI 이해하기부터 프로덕션 배포까지 12부작 시리즈

buildwithai.clearlyreqs.com

 

 

반응형