송쌤의 AI 노트

CDP로 다크모드 화면 찍기, 토글 없어도 된다 (2026)

다크모드 화면을 자동으로 찍어야 했습니다. 문제는 제 사이트에 다크모드 토글 버튼이 없다는 거였어요. 운영체제 설정을 따라가게만 만들어 뒀으니까요. 맥 설정을 켜고 끄면서 찍을까 한참 고민했는데, 결론은 크롬 DevTools 프로토콜 한 줄이었습니다. 브라우저에게 "지금 너는 다크모드 환경이야"라고 거짓말을 시키는 방식입니다.이 글에서 다루는 것토글이 없는 사이트를 어떻게 찍나한 줄로 끝나는 CDP 호출이 한 줄을 어디에 넣어야 하나라이트와 다크를 짝으로 찍기같은 방식으로 더 할 수 있는 것들실제로 걸렸던 함정자주 묻는 질문토글이 없는 사이트를 어떻게 찍나제가 만든 사이트는 다크모드를 @media (prefers-color-scheme: dark) 로만 처리합니다. 화면에 해와 달 아이콘이 없어요. 기기..

60fps인데 글자가 끊긴 이유, int 반올림 저더

프레임을 30에서 60으로 올렸는데 글자가 더 끊겨 보였습니다. 부드러워지라고 두 배로 올린 건데 결과가 반대로 나와서 한참 헤맸어요. 원인은 렌더러가 아니라 제가 쓴 int() 한 글자였습니다. 2026년 9월에 세로 광고 영상을 만들다 겪은 일이고, 픽셀 단위로 움직이는 애니메이션이라면 프레임을 올릴수록 이 문제가 커집니다.이 글에서 다루는 것증상: 60fps로 올렸더니 더 끊겼다원인: 감속 곡선의 끝에서 이동량이 1px 아래로 떨어진다왜 30fps에서는 덜 보였나해결: 3배로 그린 다음 줄인다측정: 붙은 프레임 0장자주 묻는 질문증상: 60fps로 올렸더니 더 끊겼다만들던 건 1080x1920 세로 광고 영상입니다. 파이썬으로 프레임을 한 장씩 PNG 로 굽고 ffmpeg 으로 붙이는 방식이에요. ..

오퍼스 5.5 vs 소넷 5.5 비교 (2026년 9월)

6일 사이에 모델이 두 개 나오면 반갑기보다 먼저 피곤합니다. 또 뭘 비교해서 골라야 하나 싶어서요. 그래서 이번엔 앤트로픽 공식 발표 페이지의 숫자만 그대로 표로 옮기고, 제가 실제로 어떤 일에 어느 쪽을 꺼내는지까지 적었습니다. 2026년 9월 기준이고, 요금과 모델 이름은 자주 바뀌니 쓰기 전에 공식 페이지에서 최신 확인하세요.이 글에서 다루는 것가격부터: 어느 쪽이 싸졌나공식 벤치마크 표숫자 밖에서 달라진 것안전장치가 달라진 부분어느 일에 어느 쪽을 꺼내나그래서 내 작업이 어떻게 바뀌나자주 묻는 질문가격부터: 어느 쪽이 싸졌나오퍼스 5.5는 9월 22일, 소넷 5.5는 9월 28일에 나왔습니다. 둘 다 1M 컨텍스트이고 클로드 플랫폼과 AWS, 구글 클라우드, 마이크로소프트 애저에서 쓸 수 있어요..

코드로 30초 광고 만들기 (파이썬 영상 파이프라인 2026)

편집 프로그램을 한 번도 열지 않고 30초짜리 세로 광고를 만들었습니다. 1080x1920, 60fps, 프레임 1800장, 컷 24개. 화면 촬영은 셀레니움, 프레임은 PIL, 음악은 넘파이, 합치는 건 ffmpeg. 전부 코드라서 숫자 하나 바꾸고 다시 구우면 끝입니다. 처음엔 이게 더 빠를 리 없다고 생각했는데, 세 번째 수정쯤부터 확실히 뒤집혔어요.이 글에서 다루는 것왜 편집 프로그램이 아니라 코드인가1단계. 셀레니움으로 실제 화면을 촬영한다2단계. PIL로 프레임 1800장을 그린다3단계. 넘파이로 음향을 합성한다4단계. ffmpeg로 한 덩어리로 굽는다5단계. 눈이 아니라 코드로 전수 검사한다자주 묻는 질문왜 편집 프로그램이 아니라 코드인가제가 만든 건 제 사이트를 소개하는 30초 세로 영상입..

셀레니움 모바일 스크린샷 자동으로 찍기 (2026)

웹사이트 화면을 폰처럼 찍어서 22장 모아야 했습니다. 손으로 찍으면 폭이 매번 다르고, 스크롤 위치도 제 손가락 기분에 따라 달라져요. 그래서 셀레니움 모바일 에뮬레이션으로 전부 코드로 찍었습니다. 결론부터 말하면 값은 세 개(width, height, pixelRatio)뿐이고, 진짜로 시간을 잡아먹는 건 "언제 찍을까"였어요.이 글에서 다루는 것실제 폰으로 찍지 않는 이유deviceMetrics 세 값이 전부다스크롤바가 사진에 찍힌다좌표 스크롤 대신 요소 기준으로표가 잘려서 폭을 460으로 올린 이야기대기 시간을 어디에 얼마나 줄까자주 묻는 질문실제 폰으로 찍지 않는 이유처음엔 그냥 아이폰으로 찍었습니다. 20장쯤 찍고 나서 문제가 드러났어요. 스크린샷 폭은 같은데 상태바에 시계와 배터리가 다 찍히..

검산 통과했는데 그림이 틀렸다 (렌더 검증 3줄)

검산기를 붙여놨는데 그림이 틀렸습니다. 스크립트는 "검산 통과"를 찍었고, 저는 그 말을 믿고 다음 장으로 넘어갔어요. 나중에 PNG 를 열어보니 화살표가 머리만 남아 있었고, 고리가 위에서 끊겨 거꾸로 읽혔습니다. 2026년 9월에 도식 생성기를 돌리다 겪은 일이고, 교훈은 한 줄입니다. 연결 관계 검사는 렌더 결과를 보증하지 않습니다.이 글에서 다루는 것증상: 고리가 위에서 끊겨 거꾸로 읽혔다검산기는 무엇을 보고 통과를 준 건가원인: 상자가 화살표 자리를 다 먹었다검산기에 더한 세 줄토폴로지 검사와 렌더 검사는 다른 물건이다자주 묻는 질문증상: 고리가 위에서 끊겨 거꾸로 읽혔다제가 만든 건 생명과학 개념 도식을 코드로 찍어내는 생성기입니다. 손으로 좌표를 짜면 한 장에 300줄이 넘어서, 패널과 상자..

9월 한 달 클로드 코드를 켤 때마다 뭔가 하나씩 달라져 있어서 중간에 한 번 정리하고 넘어가야겠다 싶었어요. 모델이 두 번 바뀌었고, 권한 모드 기본값이 바뀌었고, 제가 몇 달 동안 감으로 관리해온 CLAUDE.md 를 대신 검사해주는 명령까지 생겼습니다. 공식 체인지로그에서 버전 번호까지 확인한 것만 담았습니다.이 글에서 다루는 것신모델 두 개가 6일 간격으로오토 모드가 기본 권한 모드로내 CLAUDE.md 를 검사해주는 명령플러그인 효과를 숫자로 재기작지만 매일 체감되는 변화클로드 밖에서는: 커서와 안티그래비티그래서 내 작업이 어떻게 바뀌나자주 묻는 질문신모델 두 개가 6일 간격으로9월의 제일 큰 뉴스는 모델입니다. 9월 22일에 클로드 오퍼스 5.5, 6일 뒤인 9월 28일에 클로드 소넷 5.5가..

블로그 하나 굴리다가 인스타를 시작하고, 거기에 티스토리까지 붙이면 폴더가 세 개로 늘어납니다. 문제는 폴더가 늘어난 게 아니라, AI한테 일을 시킬 때마다 "여긴 어떤 프로젝트고 지금 뭘 하던 중이었는지"를 처음부터 설명하게 된다는 거예요. 저는 그게 지겨워서 네 채널을 저장소 하나로 합쳤습니다. 합치면서 세 번쯤 깨먹었는데, 그 삽질까지 포함해서 지금 쓰고 있는 구조를 그대로 풀어볼게요.이 글에서 다루는 것왜 합쳤나: 폴더가 아니라 맥락이 문제였다실제 폴더 구조옮기지 말고 링크로 붙인다문서를 세 장으로 나눈다스킬은 한 곳에만 둔다세션이 열릴 때 상태를 밀어 넣는다자주 묻는 질문왜 합쳤나: 폴더가 아니라 맥락이 문제였다채널마다 폴더가 따로 있을 때 진짜 불편한 건 파일 찾기가 아닙니다. 세션이 파편화된..

어느 날 MCP 서버 SDK를 올렸더니 세션 관련 코드가 통째로 사라져 있어서 한참 당황했어요. 찾아보니 2026-07-28 스펙에서 MCP가 상태를 버리는 쪽으로 방향을 틀었고, 8월 22일에는 그다음 계획을 담은 새 로드맵까지 공개됐더라고요. MCP 서버를 직접 만들어 쓰는 입장에서 이게 무슨 의미인지, 지금 당장 뭘 해야 하는지 정리했습니다.이 글에서 다루는 것스테이트리스 전환이 뭘 바꿨나코어에서 빠져나간 것들: 익스텐션사라지는 것과 그 시한8월 새 로드맵, 다음은 어디로그래서 지금 뭘 하면 되나자주 묻는 질문스테이트리스 전환이 뭘 바꿨나2026-07-28 스펙은 공식 표현으로도 출시 이후 가장 큰 개정입니다. 핵심 한 줄은 이거예요. 프로토콜 레이어에서 상태가 사라졌습니다.예전에는 클라이언트가 붙..

로컬에서는 멀쩡한데 배포만 하면 깨지는 상황, 저도 여러 번 겪었습니다. 제일 오래 걸렸던 건 빌드가 매번 성공하는데 배포된 사이트의 모든 경로가 404였던 케이스였어요. 코드 문제라고 생각해서 이틀을 날렸는데 원인은 플랫폼 설정 값 하나였습니다. 그 뒤로 아무 데나 찔러보지 않고 순서대로 가르는 습관이 생겼는데, 그 순서를 Vercel 기준으로 정리했습니다.이 글에서 다루는 것0단계: 어느 층에서 깨졌는지부터 가른다1단계: 환경변수2단계: 빌드 타임이냐 런타임이냐3단계: 생성된 코드와 무시 파일4단계: 캐시5단계: 그래도 안 되면 플랫폼 설정자주 묻는 질문0단계: 어느 층에서 깨졌는지부터 가른다이걸 안 하고 바로 코드를 고치기 시작하면 시간이 몇 배로 늘어납니다. "배포하면 깨진다"는 말 안에 전혀 다..