웹 크롤링 - 사이트가 바뀌어도 어제 보던 정보를 놓치지 않습니다

웹사이트가 조금 바뀌어도, 예전에 찾던 가격·날짜·제목을 다시 따라가게 만드는 쪽이 Scrapling의 핵심입니다.

웹페이지를 Claude에게 읽히는 방법은 이미 여러 번 다뤘습니다. r.jina.ai처럼 URL을 Markdown으로 바꿔주는 도구도 있고, Claude Code에서 웹페이지를 직접 열어 내용을 확인하는 방법도 있습니다.

그런데 페이지를 읽는 것과, 같은 정보를 계속 모으는 것은 다릅니다.

사람이 “이게 그 가격이네” 하고 알아보는 것처럼, Scrapling은 예전에 찾던 요소와 닮은 요소를 다시 찾으려고 합니다.

선택자가 바뀌면 자동화는 쉽게 깨집니다

웹 수집은 보통 “어디에 있는 값을 가져올지”를 정해두고 반복합니다. 가격은 .price에서 가져오고, 제목은 h1에서 가져오고, 날짜는 .date에서 가져오는 식입니다.

이런 규칙을 CSS 선택자나 XPath라고 부릅니다. 이름은 어렵지만 원리는 단순합니다. 웹페이지 안에서 특정 위치를 가리키는 주소 같은 것입니다.

문제는 이 주소가 오래가지 않는다는 점입니다. 웹사이트는 계속 바뀝니다. 화면에서 보는 정보는 그대로인데, 안쪽 구조는 달라집니다.

사람은 별로 신경 쓰지 않습니다. 가격이 오른쪽 위에서 아래로 내려가도 그냥 봅니다. 버튼 색이 바뀌어도 같은 버튼이라고 이해합니다.

하지만 자동화는 다릅니다. .price를 찾으라고 했는데 .price가 없어지면 멈춥니다. 가격이 화면에 있어도 못 가져옵니다.

그래서 웹 수집은 “처음 만드는 일”보다 “계속 유지하는 일”이 더 번거롭습니다. 한 번 만들어놓은 수집 흐름이 사이트 변경 때문에 자주 깨지면, 결국 사람이 계속 고쳐야 합니다.

Scrapling의 adaptive scraping

Scrapling의 핵심은 adaptive scraping입니다.

처음에는 일반적인 방식으로 요소를 찾습니다. 가격이면 가격 영역을 찾고, 제목이면 제목 영역을 찾습니다. 그런데 그때 Scrapling은 해당 요소의 특징을 저장할 수 있습니다.

저장하는 것은 단순히 “.price였다”가 아닙니다. 공식 문서에 따르면 태그 이름, 텍스트, 속성, 형제 태그, 부모 요소, 경로 정보 같은 특징을 함께 저장합니다.

나중에 같은 선택자가 실패하면 Scrapling은 바로 포기하지 않습니다. 현재 페이지에 있는 여러 요소를 살펴보고, 예전에 저장한 특징과 가장 비슷한 요소를 찾습니다.

예전에는 .price에서 가격을 찾았습니다.
지금은 .price가 없습니다.
그런데 예전 가격 영역과 비슷한 텍스트, 비슷한 위치, 비슷한 부모 구조를 가진 요소가 있습니다.
그러면 그 요소를 가격 후보로 다시 가져옵니다.

공식 문서는 이 기능이 AI 없이 동작한다고 설명합니다. AI가 페이지를 추측해서 읽는 방식이 아니라, 저장해둔 요소 특징과 현재 요소를 비교해서 유사도를 계산하는 방식입니다.

이 차이가 중요합니다. Claude에게 “아마 이게 가격일 거야”라고 맡기는 것이 아니라, 수집 도구 안에서 이전 요소와 현재 요소의 닮은 정도를 비교합니다.

사람이 보기에는 같은데 코드가 보기에는 다른 경우

이 기능이 필요한 상황은 생각보다 흔합니다.

쇼핑몰에서 상품 가격을 수집하고 있습니다. 기존에는 가격 영역이 .price로 잡혀 있었습니다. 그런데 사이트 개편 뒤 클래스 이름이 .product-price로 바뀝니다.

사람은 같은 가격이라고 바로 압니다. 화면 위치도 비슷하고, 숫자 형식도 비슷하고, 상품 카드 안에 들어 있습니다. 하지만 기존 자동화는 실패합니다. .price가 사라졌기 때문입니다.

가나다라마바사아자차 타파 가나다라 바사아 차카타 하가 다라마 사아자 카타파하 나다 마바사아자 카타 하가나 라마바 아자 카타 하 나다라마바 아자차 타파하가 다라마 사아 차카타 하가 다라 바사아자차카

가나 라마바사아 차카타파하가 다라마바 아자차카 파하가 다라마바 아자차 타파하 나다라마바 아자차 타파하가 다라마바 아자차카 파하가 다라마 사아자차카 파하가 다라마바 아자 카타파하가 다라마바 아자차 타 하가나다 마바사아

가나다라 바사 자차카 파하가나다라마바 아자차 타파하 나다라 바사아자차 타파 가나다 마바사아 차카타 하가 다 마바사 자차카타 하가 다라마바 아자차카타파

가나다라마바사아자차 타파 가나 라마바 아자차 타파 가나다 마바사아자

가나다라마바사아자차 타파 가

가나 라마 사아자차카타파하가나 라마바사 자차 타파 가나다 마 사아자차카 파하가나 라마바 아자차카타파하가나다 마바사아자차카 파하 나다라 바사 자차카 파하가 다 마바사 자차카타파하가나 라마 사 자차카타파

가나다라마바사아자차 타파하 나다라마바 아자차카타파하가나다 마바 아자차카 파 가나 라마바사아 차카타파하가나다라마 사아 차카타 하가나다 마바 아자 카타파 가나다라마바

가 다 마바 아자차 타파하가나 라마바사아자차카타파 가나다라마바 아자 카 파하가 다라마 사아 차카타 하가나다라

가나다 마바 아자차카 파하 나다 마바사 자차카타 하가나다라마 사아 차카 파하가 다라마바 아자 카타파 가나다라마 사아 차카타 하가나다라 바사아 차카타파하 나다 마바사 자차카타 하가나다 마바사 자차카 파 가나 라마바사아자 카타파하가나

가나 라마바 아자 카타파 가나 라 바사아 차카타파 가 다라마바 아자차카타파하가나다 마바사아자차카타 하가나다라마바사아 차카타 하가나다라

가나 라마바사 자차카 파하

가나다 마 사아자차 타파 가나다 마바사아자차 타파하 나다라마 사아자 카타파 가나다 마바사 자차카타파 가나다라 바사아자 카타파하가나다라

가 다 마바 아자차카 파하 나다라마 사아자차카타 하가나다 마바사 자차카타파하가나 라마바사아자 카타 하가나다 마바사 자차카타

가나다 마바 아자차카타파 가나 라마 사아 차카타 하가나다 마바 아자차카 파하가나다 마바사아자차카 파하가나 라마바사아자차카 파하가 다라마바 아자 카타파하 나다라 바사 자차 타파 가나다라 바사아자차카타 하가나다 마바사아 차카타파 가나 라마바 아자차 타파하 나다라마바사

가나 라마 사아자 카타파하가나 라마바사 자차카타 하가나 라마바사 자차카 파하 나다라 바사아자 카타파하가 다라마 사아자차카 파하가 다라마바 아자 카타파하 나다라 바사아자차

가나 라마 사아자차카 파하가나다라마바 아자차 타파하 나다라마바 아자차카 파하가 다라마 사아자차 타파하가나 라마 사아자 카타파 가나 라마 사 자차 타파 가나다라 바사아자 카타파하 나다라마

가나 라마바 아자차카타파 가나다라마바 아자차 타파하 나다라마바사 자차카타파하 나다라마바사아자차카 파하 나 라마바사 자차카 파하가나

가나다 마바사 자 카타파 가나다

가나다라마바사아 차카타파하가나다라 바사아 차카 파하가나 라마 사아 차카 파 가나다라마

가나다 마바 아자차 타 하가나다라마 사아자차카타파하가나 라마바 아자차 타파하 나다라 바사아자 카타파 가나다 마바 아자차카타 하가나 라마바 아자차 타파하가나 라마바사 자차카 파하 나다라 바 아자차카타

가나 라마 사아자 카타파하 나다라 바사 자차 타파하 나다라마 사아자 카타파하가나다 마바사아 차카타파 가나다 마바 아자 카타파하 나다 마바사아 차카타 하가나 라마바 아자 카 파하가 다 마바사아자

가나다라 바사 자차카 파하가 다라마 사아자 카타파하 나다라 바사아 차 타파하 나다 마바 아자차 타파하 나다 마바사아자차

가 다라마 사아자차 타파하가 다라마 사아 차카타 하가나다라마바가 다라마 사아자차 타파 가나다라 바사 자차카 파하가나다라마

가나 라마바사 자차카 파하가나 라마바사 자차카 파하 나다라 바사아자차카타가나다 마바사 자차카 파하 나다라마바사아

가나 라마 사아자 카타파하 나다 마바사 자차카타파하가가나다 마바사아 차카 파하가 다라 바사아자차카타

가나다 마바 아자차 타파 가나다 마바사아자 카 파하가나다 마바 아자차카타파 가나 라마바 아자차카 파하 나 라마바사아 차카 파하가 다라마바 아자 카타파 가나 라마바 아자 카타파하가

가나다라마바 아자차카타파 가나다 마바 아자

가나다라마바사아자차 타파하 나다라마바사 자차카타파하가 다라마바 아자차 타파 가나 라마바사아 차카 파하가나 라마 사아자차 타파 가나다 마바사아자

가나다라 바사아자차카 파하가나다라 바사아 차카타 하가나다

가나다라마바사아자차 타파 가 다라마바사 자차카타파 가나 라마바 아자차카 파하가나다가나 라 바사아 차카타파하 나다라 바사아 차카타 하가나다라마바가나다 마바사 자차카타 하 나다라 바사아자차카가나다라 바사아 차카타파 가나다 마 사아자 카타파하가나다라 바사아자차카타파하 나다라마바사아

가나다 마 사아자차카타파하가나 라마바사아자 카타파하 나다라 바사아 차카타 하가나 라마바사아 차카 파하가나다 마바 아자차 타파하가 다라마바 아자차카 파 가 다라마바 아자차카타파 가나다 마바 아자차 타파하가 다라마 사아자차

가나다 마바사아 차카타파하가 다라마바사아자차카타 하가나 라마바 아자차카타파 가나다라마바 아자차카타 하가나다 마 사 자차카타파 가나다 마 사아자 카타 하가 다라마 사아자차카 파하가나다라마바사아 차카타파 가나다라 바사 자차카타 하가나 라마바사아자 카타파하가 다라 바사아 차카타파하 나다라마 사아자차

가나다라마바사아자차 타파 가나다 마바사아자 카타파하

가나다 마바 아자차 타파하가나 라마바사 자차카 파하가 다라마 사아자 카타파 가나다라마

가나다라 바사 자차 타파하가 다라마 사아자차 타파하 나다라 바사아자차 타파하 나다라 바사아자차 타파하 나다 마바사 자차카타파하 나다라 바사아자 카타파 가나 라마바사아자차 타파 가나 라마 사아자 카타파 가나 라마 사 자차카타파

가나다 마바사아자 카타 하가나다 마바사아 차카 파하가 다라마 사아자차 타파하가 다라 바사아 차카타파 가나 라마바사아 차카타 하가나 라마 사 자차카 파하가 다라 바사아 차카 파하가나다

가나다 마바 아자차 타파하 나다라마바사 자차 타파하 나다라 바사아자 카타파 가나 라마 사아자차 타파하 나다 마바사아 차카타파 가나다라 바사 자차카 파하 나다 마바 아자차 타파하 나다라 바 아자차카

가나다라 바 아

가나다라마바사아자차카 파하 나다라 바사 자차카타 하가나 라마 사아자 카타파하가 다라 바사아자 카타파하가나다라마바 아자차카타파하가나다라 바사아자차카타파하가나다 마바 아자차 타파하가나

가나다 마바 아자차 타파하가 다라마바 아자차카 파하가나 라 바사아자

가나다라 바사아자차 타파하가나다라마바사아 차카타파 가나 라마 사아자 카타파하 나다라마바 아자 카타파 가나다라마 사아자차 타파 가나다라마 사아 차카타 하가나 라마바 아자 카타 하가나다

가나 라마바사 자 카타파하 나다라마 사아 차카타 하가나 라 바사아자 카타파 가나다 마바사 자차 타파하가 다라 바사아 차카타 하가 다라마바사아 차카타파하가 다라마바사 자차카 파 가나다 마바 아자차카 파하 나다 마바사아자

가나다라마바사아자차 타파하 나다라 바사아 차카타파하가 다라마바 아자 카타파 가나다라마바 아자차 타파하가나

가나다라 바사아 차카

가나다 마바 아자 카타 하가나 라마 사아 차카타파

가 다라마바 아자 카타파하 나다라마 사아자 카타파하가나다라마바 아자차카타파

가나 라마바사아 차카 파하가 다라마바 아자차카 파하가나 라마바 아자차카타파하가나다 마바사아자차

가나다 마바사 자차카 파하가나 라마바사 자차 타파하가나 라마바 아자차카타파하가나다 마바사아자차카타 하가나다라마바사아 차카 파하가 다라마바사

가나다 마 사아자차 타파하 나다라 바사아자차카타 하가나 라마 사아 차카 파하가나 라마바사아 차카타파하가

가나다라마 사아자차카 파하 나다라마 사아 차카타파하 나 라 바사아 차카 파하가 다라마바

가나다라마바사아자차 타파하가나다 마 사 자 카타 하가나다라마바사 자차카타파하 나다 마바사아 차카 파하가 다라 바사아자 카타파하 나다 마바 아자차카타

가나 라마

• 가나다라마바사아자 카타파하가나 라마바

• 가나다라마바사아자 카타 하가

• 가나다라마바사아자 카타파하가나다라 바사아자차카타파 가나

• 가나다라마바사아자 카타파 가나다라마바 아자

• 가나다라마바사아자차카타 하가나다라마바사아 차카타파하가나다 마바사아자차카타 하가

• 가나다라 바사아자차카

새소식41개 새소식

New

Pagecast, 보고서 파일을 링크로 공유하기

Pagecast는 Claude Code가 만든 HTML·Markdown 보고서를 Cloudflare Pages 링크로 발행해 공유하는 도구입니다. 파일 첨부 대신 웹 링크로 넘길 때의 절차와 주의점을 정리했습니다.

Ponytail: AI가 일을 크게 벌이지 않게 하기

Ponytail은 Claude Code가 작은 수정까지 과하게 키우지 않도록 ‘덜 만들고 덜 건드리는’ 기준을 붙이는 스킬입니다. lite/full/ultra 모드와 Hooks 확인 기준을 함께 봅니다.

agent-handoff: Claude Code와 Codex 사이에서 작업 넘기기

agent-handoff는 Claude Code와 Codex 사이에서 세션 맥락을 손으로 요약하지 않고 넘겨주는 도구입니다. 어떤 대화를 어떤 에이전트로 이어갈지만 고르면 작업 전환이 쉬워집니다.

Headroom: 긴 출력물을 Claude Code에 가볍게 넘기는 도구

Headroom은 Claude Code가 긴 로그나 실행 결과를 읽기 전에 먼저 압축해 넘기는 도구입니다. /compact와 달리 입력 단계의 컨텍스트 부담을 줄이는 선택지입니다.

Claude가 우리 사이트를 알고 있는지 확인하기

Claude나 Perplexity 같은 AI 답변에서 우리 사이트가 어떻게 읽히는지 Claude Code로 점검하는 geo-seo-claude 스킬입니다. SEO 점수보다 답변 원문과 인용 가능성을 확인하는 흐름입니다.

유튜브 쇼츠 자동화 — 에이전트 오케스트레이션

소재 발굴부터 이미지·영상 생성, 자막, 합성, 유튜브 예약 업로드까지 14개 에이전트로 나눈 쇼츠 자동화 파이프라인입니다. 반복 포맷 콘텐츠에 적용할 수 있는 설계 예시입니다.

클로드코드로 PPT 작성하기

Claude 프로젝트에 PPT 디자인 기준을 넣어 같은 톤의 발표 자료를 반복 생성하는 방법입니다. getdesign.md를 그대로 복제하지 않고 업무용 슬라이드 규칙으로 바꾸는 흐름을 다룹니다.

Seedance 2.0 프롬프팅 지침서 (완전판)

Seedance 2.0으로 영상을 만들 때 필요한 프롬프트 구조, 레퍼런스 유지, 촬영 언어, 바이럴 포맷을 모은 긴 지침서입니다. 영상 모델을 실무에서 쓰기 위한 체크리스트에 가깝습니다.

Figma MCP — 읽기에서 쓰기로

Figma MCP가 읽기 전용에서 use_figma 쓰기 도구로 확장되며 AI가 캔버스에 직접 프레임과 컴포넌트를 만들 수 있게 됐습니다. 디자인 결과물을 사람이 이어받는 흐름을 봅니다.

AI 에이전트 하네스 — 에이전트 격리와 오케스트레이션

복잡한 자동화를 하나의 거대한 에이전트에게 맡기지 않고, 독립 에이전트와 오케스트레이션으로 나누는 설계 관점입니다. 2026년형 AI 자동화의 기본 구조를 설명합니다.

Humanizer: AI 문장 냄새를 줄이는 글쓰기 스킬

Humanizer는 Claude가 만든 초안에서 AI 문장 냄새를 줄이기 위한 글쓰기 스킬입니다. 문체 샘플과 체크리스트를 넣어 퇴고 기준을 반복해서 적용하는 방식입니다.

Claude Code로 옮기는 업무 자동화 9가지 흐름

메일 분류, 회의록 액션화, 슬랙 큐, 예산 시나리오, 슬라이드 초안 등 Claude Code로 옮길 수 있는 반복 업무 9가지를 한 번에 정리한 글입니다. 처음 자동화할 순서도 함께 잡습니다.

OpenShorts, 숏폼 제작을 내 컴퓨터에서 돌리는 방식

OpenShorts는 긴 영상을 숏폼으로 자르거나 AI UGC 영상을 만드는 셀프호스팅 도구입니다. 무료 오픈소스지만 Gemini, fal.ai, ElevenLabs 같은 외부 API 비용까지 함께 봐야 합니다.

Claude Code 작업 전 Git 안전망 만들기

Claude Code에게 일을 맡기기 전 Git으로 돌아갈 지점을 만드는 기본 흐름입니다. /rewind와 커밋의 역할을 나누고, 브랜치·워크트리는 큰 실험용 안전장치로 설명합니다.

Agent View — 여러 Claude Code 세션을 한 화면에서 보기

Agent View는 여러 Claude Code 세션을 한 화면에서 맡기고, 들여다보고, 다시 붙는 Research Preview 기능입니다. 병렬 작업을 직접 나눈 뒤 상태를 관리하는 방식에 가깝습니다.

웹 크롤링 - 사이트가 바뀌어도 어제 보던 정보를 놓치지 않습니다

Scrapling은 CSS 선택자나 XPath가 바뀌어도 예전에 찾던 가격·날짜·제목과 비슷한 요소를 다시 찾아 반복 수집을 이어가는 도구입니다. r.jina.ai와 반복 크롤링의 차이를 설명합니다.

Claude Code가 느려진 게 아닙니다. 생각을 덜 하고 있었어요. 간단한 해결방법 안내

Claude Code 답변이 빨라졌지만 얕게 느껴질 때 effortLevel high 등 생각 깊이 관련 설정을 고정하는 글입니다. 모델 문제가 아니라 작업 설정 문제일 수 있다는 점을 짚습니다.

/team-onboarding — 팀 온보딩

/team-onboarding은 CLAUDE.md, 공유 스킬, MCP 설정, 사용 패턴을 읽어 팀원용 Claude Code 안내서 초안을 만듭니다. 빈 문서부터 쓰지 않고 팀 도입 자료를 빠르게 시작하는 기능입니다.

OpenAI Codex 플러그인 — Claude Code 안에서 Codex 쓰기

OpenAI의 Claude Code용 Codex 플러그인은 Claude가 만든 코드를 Codex가 리뷰하거나 작업을 이어받게 합니다. 리뷰 게이트까지 켜면 두 모델을 한 터미널에서 교차 검증할 수 있습니다.

r.jina.ai — URL 한 줄로 웹페이지 읽기

r.jina.ai는 URL 앞에 접두어를 붙여 웹페이지나 PDF를 마크다운으로 읽게 해주는 가벼운 리서치 도구입니다. Playwright MCP가 필요 없는 상황과 한계를 구분합니다.

Auto Mode — Openclaw 겨냥

Claude Code Auto Mode는 안전한 작업은 자동 진행하고 위험한 작업만 확인을 요구하는 중간 권한 모드입니다. OpenClaw식 자율성과 Claude식 안전장치의 차이를 비교합니다.

밤새 코드를 고치는 AI 연구원 — Karpathy의 autoresearch

Karpathy의 autoresearch는 사람이 마크다운으로 연구 방향을 적으면 AI가 밤새 코드 수정, 학습, 평가를 반복하는 실험입니다. 에이전트형 연구 자동화가 어디까지 왔는지 보여줍니다.

AI가 직접 결제하는 웹 — Visa CLI

Visa CLI는 AI 에이전트가 유료 API나 데이터 앞에서 직접 결제할 수 있게 하려는 실험입니다. API 키를 사람이 붙이는 방식에서 지출 한도 기반 결제로 넘어가는 흐름입니다.

Google Stitch — 바이브코딩 다음은 바이브 디자인입니다

Google의 AI 디자인 도구 Stitch를 ‘바이브 디자인’ 관점에서 써보고, 아직은 Claude Code로 코드 기반 UI를 다듬는 쪽이 빠르다는 결론을 정리했습니다.

Claude Code로 영상 만들기 — Remotion

Claude Code와 Remotion을 연결해 프롬프트로 MP4 영상을 만드는 흐름입니다. React 코드를 직접 짜지 않아도 데이터 차트, 제품 소개, 자막 영상 같은 결과물을 만들 수 있습니다.

Claude Marketplace — 수수료 0%의 AI 앱스토어

Anthropic이 엔터프라이즈용 Claude Marketplace를 열며 파트너 AI 도구를 Claude 예산으로 구매하는 구조를 만들었습니다. 수수료 0% 모델과 향후 스킬 생태계 의미를 봅니다.

Claude Code 보이스 모드

Claude Code에 공식 음성 입력이 들어오면서 VoiceMode MCP 같은 우회 설정 없이 /voice로 말해 지시할 수 있게 됐습니다. 타이핑과 섞어 쓰는 방식과 한계를 정리했습니다.

Obsidian에 공식 CLI가 생겼다

Obsidian 공식 CLI로 데일리 노트, 검색, 볼트 작업을 터미널에서 다루는 흐름입니다. Claude Code와 노트 앱을 연결해 반복 루틴과 지식 정리를 자동화하는 방법을 봅니다.

작업 중에 쓸 수 있는 기능들

/btw, Esc+Esc, Tab 제안, Ctrl+B처럼 작업 중 대화 흐름을 덜 끊는 Claude Code 기능들을 모았습니다. 질문은 가볍게 묻고, 꼬인 흐름은 되감는 기준입니다.

Claude Code VS Cowork

Claude Desktop의 Cowork와 Claude Code를 비개발자 업무 관점에서 비교합니다. GUI의 편함과 터미널의 통제력 중 어떤 작업에 무엇이 맞는지 판단 기준을 잡습니다.

Google이 직접 만든 Workspace CLI

Google이 공개한 gws CLI를 gogcli와 비교해 봅니다. Drive, Gmail, Sheets, Calendar를 Claude Code에서 다루려는 경우 공식 조직 도구가 주는 장점과 한계를 정리했습니다.

PM 프레임워크를 슬래시 명령어로

PRD, 경쟁사 분석, 로드맵, 리서치 같은 PM 문서 프레임워크를 Claude Code 슬래시 명령어로 쓰는 플러그인 묶음입니다. 구조를 외우기보다 명령으로 꺼내 쓰는 방식입니다.

이제 공부도 클로드 코드로 해보세요!

PDF나 문서를 넣으면 Claude Code가 개념 노트, 퀴즈, 약점 드릴을 만들어주는 학습용 스킬입니다. 자격증 공부처럼 ‘무엇을 모르는지’ 찾아야 하는 작업에 맞습니다.

gogcli — Google 서비스를 터미널에서

Gmail, Calendar, Drive, Sheets 같은 Google 서비스를 MCP 없이 터미널 명령으로 다루는 CLI입니다. Claude Code가 읽기·쓰기 작업을 Bash로 호출할 때의 장단점을 정리했습니다.

Claude Code Auto Memory

Claude Code가 프로젝트별 작업 패턴과 사용자의 수정 기준을 자동으로 저장해 다음 세션에 불러오는 기능입니다. CLAUDE.md와의 차이, 확인 방법, 조심할 점을 정리했습니다.

Remote-control

컴퓨터에서 시작한 Claude Code 세션을 스마트폰이나 다른 브라우저에서 이어보는 Research Preview 기능입니다. 외출 중 확인, 승인, 추가 지시까지 같은 작업 흐름으로 연결합니다.

돌아다니면서 폰으로 클로드 코드 사용하기

공식 Remote Control이 나오기 전, Tailscale과 tmux로 밖에서 휴대폰으로 Mac의 Claude Code 세션에 접속하던 방식입니다. 원격 터미널, 세션 유지, 한글 깨짐 대응을 함께 다룹니다.

카카오톡 단독 상품 ChatGPT Pro 1개월 이용권

판매가 끝난 카카오톡 ChatGPT Pro 이용권을 전제로, CLIProxyAPI로 GPT 계열 모델을 Claude Code에 붙이는 당시 우회 흐름입니다. 현재는 기록용으로 보는 편이 안전합니다.

Pencil Dev

텍스트로 설명하던 UI 수정을 캔버스에 직접 그려 코드로 옮기는 VS Code/Cursor 확장입니다. 빠른 실험과 실제 프로젝트 반영 사이의 쓰임을 정리했습니다.

agent-browser — Playwright를 대체하는 AI 브라우저 자동화 CLI

Playwright MCP 대신 Bash 명령으로 브라우저를 조작하는 Vercel Labs CLI입니다. MCP 등록 없이 웹 탐색 자동화를 붙이고 컨텍스트 부담을 줄이는 흐름을 다룹니다.

MCP Tool Search (레이지 로딩)

MCP 도구를 세션 시작 때 전부 올리지 않고, 필요할 때 검색해서 쓰는 기능입니다. 도구가 많을수록 컨텍스트 낭비와 도구 선택 오류를 줄여줍니다.