개발6분 읽기
Vercel Pro 사용량, 대시보드 말고 CLI 로 보기 — vercel usage 로 비용이 어디서 나가는지 찾은 기록
Vercel CLI 의 vercel usage 로 Pro 사용량과 비용을 프로젝트별 · 항목별로 읽는 법. 포함 크레딧 $20 읽는 법, ISR Writes 가 1위였던 실제 숫자, 예산 상한 설정까지.
goodchuck 블로그
사이드 프로젝트를 만들며 부딪힌 문제와 풀어낸 방법을 기록해요.
글 23편 · 마지막 글 · 만든 것 · 소개
먼저 읽어 볼 글
- 개발QueuePool limit of size 5 overflow 10 reached — FastAPI + SQLite API 가 20분 멈춘 이유와 NullPool 로 고친 기록FastAPI + SQLAlchemy + SQLite 서버가 QueuePool limit 에러로 20분 멈춘 원인과, 파일 SQLite 에 NullPool 을 쓴 이유. 헬스체크 HEAD 405 함정까지.
- 개발Next.js ISR 인데 매번 렌더된다면 — searchParams 하나가 페이지 전체를 동적으로 만든다Next.js 에서 revalidate 를 줬는데 x-vercel-cache 가 늘 MISS 라면. searchParams 가 경로 전체를 동적으로 만드는 이유와 rewrites 로 기본 주소만 캐시한 방법.
- 개발Vercel 무료 플랜으로 모노레포 앱 여러 개 배포하기 — 하루 배포 100번, 업로드 5,000개 한도를 피한 방법Vercel 무료 플랜에서 모노레포 앱 여러 개를 배포하다 하루 배포 100번 · 업로드 5,000개 한도에 걸렸습니다. 태그 배포와 --archive=tgz 로 둘 다 피한 과정.
- 개발Next.js 블로그에서 GA4 · 애드센스를 운영에서만 켜기 — 로컬 · 미리보기 · 운영 나누는 법Next.js 블로그에서 로컬·Vercel 미리보기 방문이 GA4 에 섞이지 않게, 애드센스와 검색 노출을 운영에서만 켜는 법. NODE_ENV · VERCEL_ENV 로 환경을 나누고 미리보기는 noindex.
- 개발9분 읽기
Next.js ISR 인데 매번 렌더된다면 — searchParams 하나가 페이지 전체를 동적으로 만든다
Next.js 에서 revalidate 를 줬는데 x-vercel-cache 가 늘 MISS 라면. searchParams 가 경로 전체를 동적으로 만드는 이유와 rewrites 로 기본 주소만 캐시한 방법.
- 개발8분 읽기
QueuePool limit of size 5 overflow 10 reached — FastAPI + SQLite API 가 20분 멈춘 이유와 NullPool 로 고친 기록
FastAPI + SQLAlchemy + SQLite 서버가 QueuePool limit 에러로 20분 멈춘 원인과, 파일 SQLite 에 NullPool 을 쓴 이유. 헬스체크 HEAD 405 함정까지.
- 개발10분 읽기
Next.js 블로그에서 GA4 · 애드센스를 운영에서만 켜기 — 로컬 · 미리보기 · 운영 나누는 법
Next.js 블로그에서 로컬·Vercel 미리보기 방문이 GA4 에 섞이지 않게, 애드센스와 검색 노출을 운영에서만 켜는 법. NODE_ENV · VERCEL_ENV 로 환경을 나누고 미리보기는 noindex.
- 개발9분 읽기
.env 파일을 S3 에 보관하기 — 200줄 bash 로 만든 env 금고
모노레포 앱이 늘수록 .env 가 PC 한 대에만 쌓입니다. 비밀값만 .env 에 남기고 S3 버킷에 보관하는 bash 스크립트를 만든 과정 — 값 나누기, 버전 관리, 덮어쓰기 막는 잠금까지.
- 개발11분 읽기
Windows 용 Electron 앱을 맥에서 개발하다 겪은 것 — 창 끌기 · 키체인 · 빈 화면 고친 기록
Windows 용 Electron 앱을 맥에서 개발하다 보니 창이 안 끌리고, 켤 때마다 키체인 창이 뜨고, 개발 창이 about:blank 였습니다. 원인과 고친 코드, 두 OS 체크리스트.
- 개발9분 읽기
정적 블로그 이미지를 git 대신 S3 에 두는 법 — 명령 하나로 올리고 git 엔 목록만
Next.js 정적 블로그 이미지를 git 대신 S3 에 두는 법. 명령 하나로 바뀐 이미지만 webp 로 줄여 올리고, git 엔 주소 · 크기 목록만, 안 올린 이미지는 빌드에서 막습니다.
- 사이드 프로젝트7분 읽기
치지직 순위 사이트를 사흘 동안 다시 그렸다 — Chzzk Watcher 화면 개편
치지직 순위 아카이브의 차트 · 홈 · 스트리머 페이지를 '방송 전광판' 기준 하나로 다시 그렸습니다. 순위 색을 금 · 은 · 동으로 줄이고 출석표 · 월간 달력을 만든 과정.
- 개발7분 읽기
정적 블로그도 예외는 아니었다 — Next.js 취약점 41건을 2건으로 줄인 보안 점검
정적 Next.js 블로그도 pnpm audit 을 돌리니 치명 4건 포함 41건이 나왔습니다. 모노레포 결과를 내 앱 기준으로 읽고, Next 업그레이드와 보안 헤더로 2건까지 줄인 과정.
- 개발10분 읽기
Vercel 무료 플랜으로 모노레포 앱 여러 개 배포하기 — 하루 배포 100번, 업로드 5,000개 한도를 피한 방법
Vercel 무료 플랜에서 모노레포 앱 여러 개를 배포하다 하루 배포 100번 · 업로드 5,000개 한도에 걸렸습니다. 태그 배포와 --archive=tgz 로 둘 다 피한 과정.
- 사이드 프로젝트7분 읽기
내가 만든 치지직 순위 사이트가 대만 야후 뉴스에 인용됐다
치지직 순위 아카이브 Chzzk Watcher 가 대만 야후 뉴스의 에일리 버튜버 데뷔 기사에 출처로 링크됐습니다. 애널리틱스로 발견한 과정과 일주일 방문자 변화, 매 정각 기록이 출처가 된 이야기.
- 사이드 프로젝트8분 읽기
그날의 치지직을 다시 보다 — 치지직 순위 아카이브, Chzzk Watcher
치지직은 지금 순위만 보여 줍니다. 매 정각 인기 스트리머 Top 20 을 기록해 그날 그 시간의 1등, 시청자 추이, 채팅까지 다시 볼 수 있게 만든 치지직 순위 아카이브 Chzzk Watcher 를 소개합니다.
- 사이드 프로젝트6분 읽기
그림 연습 앱에서 이미지 생성만 떼어 냈다 — NovelAI 생성 앱 gendesk
그림 연습 앱 artdesk 에 붙였던 NovelAI 이미지 생성 기능을 별도 앱 gendesk 로 떼어 낸 이유와, 프롬프트를 조각으로 나눠 쓰고 재료를 '더하기 · 바꾸기' 둘로 정리한 설계를 소개합니다.
- 사이드 프로젝트8분 읽기
그림 연습을 관리하는 데스크탑 앱, artdesk 를 만들었다
그림 파일은 쌓이는데 얼마나 연습했는지는 안 보였습니다. 라이브러리 · 구도 · 포즈 · 크로키 · 입체 · 3D 인형 · 연습 일지를 한 앱에 담은 그림 연습 앱 artdesk 소개.
- 사이드 프로젝트8분 읽기
사람보다 로봇이 먼저 왔다 — 크롤러가 몰려 서버가 죽은 날
버튜버 대시보드를 공개하고 며칠 만에 검색 크롤러가 몰려 서버가 죽었습니다. 원인이 된 주소 조합 함정과, 같은 계산은 한 번만 · robots.txt 길 안내 · 응답 다이어트로 푼 과정을 정리했습니다.
- 사이드 프로젝트5분 읽기
PC 폴더를 아이폰에서 바로 보기 — 와이파이로 띄우는 사진 갤러리, Folderbeam
클라우드 업로드도 앱 설치도 없이, PC 폴더의 사진 · 영상을 같은 와이파이 아이폰 Safari 에서 갤러리처럼 보는 앱 Folderbeam. 빠르고 안전하게 만든 방법을 정리했습니다.
- 사이드 프로젝트9분 읽기
지금 어떤 버튜버 방송에 사람이 모였을까 — 치지직 방송 지도 만들기
치지직 버튜버 방송을 시청자 수와 카테고리로 한 장에 그린 '지금 방송 지도'와, 시간마다 쌓은 사진으로 평소보다 터진 방송을 찾는 기능을 만든 과정을 정리했습니다.
- 사이드 프로젝트5분 읽기
치지직 클립은 모으지 않기로 했다 — 저장 대신 볼 때 가져오기
치지직 버튜버 클립과 다시보기를 DB 에 모으던 방식을 버리고, 누가 볼 때 치지직에서 바로 가져오게 바꾼 이유. 모으기 → 새로고침 버튼 → 저장 안 함까지 두 번 바꾼 과정을 정리했습니다.
- 사이드 프로젝트5분 읽기
다 모을 수는 없다 — 버튜버 대시보드가 무엇을 얼마나 자주 남기는지
치지직 버튜버의 팔로워는 하루 한 번, 방송은 한 시간에 한 장. 버튜버 대시보드가 무엇을 얼마나 자주, 누구 것을 남기기로 했는지와 그 이유를 정리했습니다.
- 사이드 프로젝트10분 읽기
치지직 버튜버 소식을 한곳에 — 버튜버 대시보드를 만들었습니다
치지직·유튜브·X 에 흩어진 버튜버 방송과 팔로워 흐름을 한 화면에 모은 사이드 프로젝트, 버튜버 대시보드를 화면 위주로 소개합니다.
- 사이드 프로젝트7분 읽기
퀀트 전략 검증하려고 비공식 API로 자동매매를 실험했습니다 — 그리고 토스가 정문을 열었습니다
소수점 미국 주식 때문에 비공식 API로 토스증권 자동매매를 굴리다가, 토스증권 공식 Open API가 나오자 갈아탄 이야기. 24시간 구동의 벽과 공식 API로 달라진 점을 정리했습니다.
- AI7분 읽기
AI 코딩, 결국 모델이 아니라 '컨텍스트'에서 갈렸다
AI 코딩 결과가 들쭉날쭉했던 이유와, ref/·docs/ 로 컨텍스트를 쌓아 Claude Code 같은 코딩 에이전트의 결과물 품질을 끌어올린 방법을 정리했습니다.
- 개발5분 읽기
"슬랙 채널을 DB에 넣어줘" — 한 줄 요구사항의 진짜 무게
수년 치 슬랙 채널 메시지·스레드·이모지 반응을 Slack API로 DB에 백필한 회고. 어려운 건 코드가 아니라 권한·레이트리밋·데이터 매칭이었습니다.