안녕하세요, 천상나타입니다.지난 글에서 브라우저 내장 AI(Gemini Nano)를 실제 기능에 붙인 삽질기를 썼는데요, 그 뒤로 "이게 지금 어디까지 쓸 수 있는 상태인가"를 제대로 정리해둘 필요가 있어서 조사했습니다. 스펙이 빠르게 바뀌는 분야라, 2026년 11월 현재 기준으로 정리합니다 — 어떤 API가 쓸 수 있는지, 성능은 어느 정도인지, 그리고 실전에서 뭘 고르면 되는지까지요.현재 지도: 쓸 수 있는 것 4개, 기다리는 것 3개핵심부터: 본격적으로 쓸 수 있는 건 사실상 Chrome뿐입니다.Stable (웹, Chrome 데스크톱): Translator(번역), Language Detector(언어 감지), Summarizer(요약)는 Chrome 138부터, 자유 프롬프트를 던지는 Prom..

안녕하세요, 천상나타입니다.어느 날 제 무료 도구 사이트가 통째로 안 열리는 일이 생겼어요. 서버가 죽은 게 아니라, Cloudflare Workers 무료 플랜의 일일 요청 한도를 넘어버린 거였습니다. 화면에 뜬 건 Error 1027. 오늘은 한도가 왜 터졌는지 파고들어서 실제로 고친 과정을 정리해봤습니다.Error 1027이 뭔데 사이트가 통째로 죽나Cloudflare Workers 무료 플랜은 하루 100,000 요청까지만 허용됩니다. 이걸 넘으면 다음 리셋(UTC 0시, 우리 시간으로 오전 9시)까지 방문자 전원이 에러 화면만 보게 돼요.제 사이트는 Workers + 정적 에셋 구성이라 별도 오리진 서버가 없습니다. 캐시가 있어도 우회할 곳이 없어서 한도 초과 = 완전한 다운이에요. 호스팅비 0..

안녕하세요, 천상나타입니다.Electron으로 데스크톱 앱을 몇 개 만들어서 GitHub Releases로 배포하고 있습니다. 얼마 전 mac 자동 업데이트가 안 된다는 걸 발견해서 수정 커밋을 넣고 5개 앱을 전부 재릴리스했는데요, 그 뒤 정리가 안 된 상태를 확인하다가 버그가 하나가 아니라 두 개였다는 걸 알게 됐습니다. 그리고 둘 다 원인이 어이없을 정도로 작았어요 — YAML 들여쓰기 한 번, 그리고 파일 필터 정규식에 빠진 글자 세 개.오늘은 그 삽질기를 정리합니다. electron-builder와 electron-updater를 쓰시는 분은 제발 같은 실수를 안 하셨으면 해서요.배경: 왜 zip을 넣었나electron-updater로 mac 자동 업데이트를 구현하면, 앱은 릴리스의 latest..

안녕하세요, 천상나타입니다.운영하는 도구 사이트에 브라우저 내장 AI로 퀴즈를 만드는 기능을 붙여봤어요. Chrome에 들어있는 Gemini Nano(Prompt API)가 문제를 만들고, Translator API가 번역하는 구조인데요. 서버가 필요 없어서 비용 0원이라는 게 매력적이었습니다.문제는 만들고 나서였어요. "AI 준비 중…" 화면에서 영원히 안 넘어가는 버그가 있었는데, 원인을 찾는 과정이 꽤 재미있어서 정리해봅니다.배경: 브라우저 내장 AI가 뭔데?Chrome은 몇 버전 전부터 브라우저에 AI가 내장돼 있습니다. LanguageModel(Prompt API)로 Gemini Nano를 돌리고, Translator로 번역도 해요. 전부 온디바이스라 입력이 서버로 안 가고, API 키도 필요 ..

안녕하세요, 천상나타입니다.지난 글(API가 없는 사이트를 자동화하는 법 — Playwright 입문)에서는 브라우저 자동화의 기본기를 정리했는데요, 이번엔 실제로 만들면서 삽질한 지점들을 공유합니다. 세션 저장, 파일 업로드, SPA 대기 — 문서만 보면 쉬워 보이는데 실전에선 다 함정이 있었어요.1. 로그인 세션 저장 — 프로필 폴더가 곧 로그인 상태입문편에서 잠깐 나온 persistent context는 자동화의 생명줄입니다. 브라우저 프로필 폴더를 통째로 지정해서, 쿠키·로컬스토리지·세션이 디스크에 저장됩니다.const ctx = await chromium.launchPersistentContext('profiles/mysite', { channel: 'chrome', // 진짜 크롬 사용 ..

안녕하세요, 천상나타입니다.구글 서치콘솔 API를 쓰면서 제일 처음 부딪힌 벽이 "로그인"이었어요. 브라우저 없이 코드만으로 구글 데이터를 읽으려면 사람 로그인을 대신할 뭔가가 필요한데, 그게 바로 서비스 계정입니다. OAuth가 뭔지, 서비스 계정이 어떻게 인증되는지 처음부터 정리해봅니다.OAuth란 — "내 비밀번호를 주지 않는 위임"OAuth를 한 문장으로 말하면, 비밀번호를 직접 넘기지 않고 권한만 위임하는 표준입니다.우리가 "구글 계정으로 로그인" 버튼을 누르면 일어나는 일이 그거예요.앱이 "이 사용자의 프로필을 읽고 싶습니다"라고 구글에 요청사용자가 구글 로그인 화면에서 "허용" 클릭구글이 앱에 액세스 토큰을 발급앱은 그 토큰으로 허용된 것만 조회여기서 핵심은 앱이 사용자 비밀번호를 절대 모른..

안녕하세요, 천상나타입니다.최근 몇 달간 "API가 없는 웹사이트를 어떻게 자동화할까"를 계속 고민하면서 브라우저 자동화 도구인 Playwright를 많이 써봤습니다. 네이버 서치어드바이저 색인 검사 자동화, 티스토리 글 발행 자동화 같은 게 전부 이걸로 만들었는데요, 처음 쓰시는 분들이 알면 좋을 핵심 개념들을 정리해봅니다.Playwright가 뭔데요?Microsoft가 만든 브라우저 자동화 라이브러리예요. 코드로 크롬을 띄워서 사람이 하는 것처럼 클릭하고, 입력하고, 화면을 읽는 도구입니다. 예전엔 Selenium이 표준이었는데, 요즘은 Playwright가 더 많이 쓰여요. 이유는 간단합니다.최신 브라우저 이벤트(파일 선택창, 다운로드 등)를 공식적으로 지원"요소가 나타날 때까지 기다리기"가 기본 ..

Bitbucket은 SSH 키 중복 사용을 허용하지 않으며,삭제한 키도 최대 30일간 재사용이 불가능하다.따라서 기존 SSH 키를 덮어쓰지 말고Bitbucket 전용 SSH 키를 새로 생성하는 것이 가장 안전한 방법이다. 1. Bitbucket 전용 SSH 키 생성기존 키(id_rsa, id_ed25519)를 절대 건드리지 않는다. ssh-keygen -t ed25519 -C "bitbucket-$(whoami)"키 저장 경로 입력 시 새 파일명 지정:Enter file in which to save the key:/Users/username/.ssh/id_ed25519_bitbucket패스프레이즈:자동화/CI 환경 → 엔터 2회 (비움)개인 PC → 선택 사항2. Bitbucket에 공개키 등록cat ..

프록시는 공통적으로“클라이언트와 서버 사이에서 대신 통신해 주는 존재”다.하지만 누구를 대신하느냐에 따라 역할이 완전히 달라지고,그 차이가 바로 이름에 반영된다.────────────────────────────Forward Proxy란? (클라이언트를 대신한다)────────────────────────────Forward Proxy는클라이언트를 대신해서 앞으로(forward) 나간다.구조는 다음과 같다.클라이언트 → Forward Proxy → 외부 서버이 구조에서 중요한 점은:클라이언트가 “프록시 사용”을 알고 있음클라이언트가 목적지 서버를 직접 지정함프록시는 클라이언트의 요청을 “대신 전달”함즉,프록시는 클라이언트의 대리인이다.그래서 이름이Forward(앞으로 전달하는) Proxy다.───────..

회사 네트워크나 프록시 환경에서 HTTPS 요청을 보내다 보면CONNECT라는 HTTP 메서드를 마주치게 됩니다.GET, POST와는 다르게 CONNECT는 API 호출용이 아니라“터널을 만들기 위한 메서드” 라는 점에서 성격이 완전히 다릅니다.이 글에서는 CONNECT 메서드의 역할과 동작 원리,그리고 HTTPS 프록시에서 왜 필수인지를 정리해 보겠습니다.────────────────────────────CONNECT 메서드가 필요한 이유────────────────────────────HTTPS는 통신 내용이 TLS로 암호화되어 있기 때문에중간에 있는 프록시 서버가 내용을 해석할 수 없습니다.하지만 프록시는 다음과 같은 역할은 해줘야 합니다.외부 서버(example.com:443)로 연결은 대신 열어..