#claude-code

19 개의 글

1인운영 IntersectionObserver ai alb animation api-gateway architecture astro automation aws backend blog bug-fix claude-code code-highlighting column cost-tracking css custom-elements db-design debugging decision-making design design-tokens developer-experience devops dx ecr ecs edge-function evaluation firelens flow-logs fluent-bit frontend gemini gfm-alerts git github grafana guestbook http-streaming hydration image-optimization infra islands-architecture isr json-rpc kakao-map llm llm-pipeline logging loki lqip markdown mcp mdx memory mermaid meta mobile-first mobile-ux mongodb multi-agent networking nextjs nodejs nvm observability playwright private-endpoint privatelink protocol python qa react regex rehype rehype-pretty-code reliability remark remix requestIdleCallback retrospective scroll-snap serialization shiki showcase side-project specialist sse ssh subagent subnet supabase supergroup tailwindcss telegram tooling transport troubleshooting typescript user-feedback ux vercel vite volta vpc vpc-endpoint web-performance webhook webp wedding-invitation whisper workflow

아티클 2026년 5월 12일 5분 소요

채팅으로 코딩한다는 것

텔레그램 메시지 한 줄로 빌드를 트리거하고, 음성으로 커밋 메시지를 부르고, 출퇴근길에 PR을 머지한다. 채팅 인터페이스가 만드는 새로운 개발 워크플로우에 대한 컬럼.

column claude-code telegram workflow

아티클 2026년 5월 12일 15분 소요

한 사람이 4역할을 부린다는 것 — 역할 기반 LLM 분업이 자리 잡는 풍경

CrewAI, AutoGen, MetaGPT, Claude Code subagents까지 — LLM에게 역할을 주고 분업시키는 패턴이 자리 잡고 있다. 픽셀 아트 타이쿤 게임의 4역할 specialist 구조를 사례로 두고, 권한·핸드오프·실패 케이스까지 따라가는 긴 컬럼.

column multi-agent claude-code specialist automation

회고 2026년 5월 8일 4분 소요

아이디어 사이클 회고 #5 — 다시 만든다면 이렇게 했다

토큰·린트·QA·Picker 메모리를 다 알고 처음부터 다시 만든다면 어디를 다르게 했을까. 시리즈를 닫으며 남기는 짧은 회고.

automation claude-code llm-pipeline retrospective

회고 2026년 5월 8일 5분 소요

아이디어 사이클 회고 #4 — Picker가 가장 중요하다는 걸 30편쯤 만들고 알았다

5축 점수와 Stage 0의 recent_critiques 메모리. 무엇을 만드냐가 어떻게 만드냐를 항상 이긴다.

automation claude-code llm-pipeline evaluation memory

회고 2026년 5월 8일 5분 소요

아이디어 사이클 회고 #3 — Stage 5에 Playwright MCP를 박은 이유, abort 없이 매일은 못 굴린다

LLM이 만든 페이지를 그대로 push하면 망가진 사이클이 누적된다. 커밋 전에 실제 브라우저로 띄워 검증하고, 실패하면 abort + 텔레그램 3계층 알림으로 끊어내는 구조.

automation claude-code playwright mcp qa llm-pipeline

회고 2026년 5월 8일 4분 소요

아이디어 사이클 회고 #2 — 토큰만 쓴다는 룰 하나로 디자인이 살아남았다

매일 다른 LLM 출력 30+편이 한 사이트처럼 보이게 만든 단 하나의 가드레일 — public/tokens.css와 npm run lint:design.

automation claude-code design-tokens css llm-pipeline

회고 2026년 5월 8일 4분 소요

아이디어 사이클 회고 #1 — 매일 한 편, 30분짜리 데모를 자동으로 만든다는 것

Next.js 16 사이트에 매일 05:00 KST마다 새 자체완결 웹 데모를 한 편씩 자동 배포하는 6단계 LLM 파이프라인 — 시리즈 입구.

automation claude-code nextjs llm-pipeline

회고 2026년 5월 8일 6분 소요

텔레그램 봇 개발 일지 — 부록: 이 봇이 운영하는 프로젝트들

시리즈 1~7편이 다룬 봇이 실제로 무엇을 부리고 있는지의 갤러리. daily-feed부터 playground-ops까지 6개 프로젝트를 한 줄 요약과 짧은 소개로 정리한다.

telegram claude-code showcase

회고 2026년 5월 8일 3분 소요

텔레그램 봇 개발 일지 #7 — 회고

6일에 걸쳐 만든 텔레그램 봇을 일주일 써본 마무리 회고. 가장 효과적이었던 결정, 다시 만든다면 다르게 했을 부분, 시리즈를 닫으며 정리한 원칙들.

telegram claude-code retrospective

회고 2026년 5월 8일 4분 소요

텔레그램 봇 개발 일지 #6 — 로컬 dashboard와 /restart

봇이 지금 무엇을 하고 있는지 브라우저로 실시간 확인하는 로컬 dashboard, 슬래시 명령으로 자가 재시작하는 /restart, 그리고 LAN 노출 시 토큰 가드까지 — 6일차의 옵저버빌리티 정리.

telegram claude-code observability

회고 2026년 5월 8일 3분 소요

텔레그램 봇 개발 일지 #5 — 라이브 메시지 디테일

긴 Claude 응답을 텔레그램 한 메시지에 점진적으로 갱신해 보여주는 라이브 메시지 패턴. editMessage throttle, 4096자 분할, 도구 호출 라인 truncate, 마무리 핑까지 다듬은 5일차 기록.

telegram claude-code ux

회고 2026년 5월 8일 3분 소요

텔레그램 봇 개발 일지 #4 — Hub-and-Spoke와 specialist subagent

메인 채팅을 conversational hub로 두고, 프로젝트 작업은 specialist subagent로 dispatch했다. hub turn이 빠르게 끝나야 사용자 입력이 막히지 않는다 — 그 원칙에서 출발한 패턴.

telegram claude-code subagent

회고 2026년 5월 8일 3분 소요

텔레그램 봇 개발 일지 #3 — 멀티 프로젝트 토픽 라우팅

한 봇으로 여러 프로젝트를 다루기 위해 텔레그램 supergroup의 forum topic 단위로 작업 디렉토리를 분리했다. 토픽 이름을 폴더명에 매핑해 자동 라우팅하고, /cd로 임시 override하는 구조.

telegram claude-code supergroup

회고 2026년 5월 8일 4분 소요

텔레그램 봇 개발 일지 #2 — 음성·이미지·MCP 통합

1편에 이어 모달리티 확장. 음성 메시지를 Whisper로 받고, 이미지 첨부를 inbox 디렉토리로 떨어뜨려 Read하게 하고, Playwright/blog MCP를 옵트인으로 붙인 2일차 기록.

telegram claude-code mcp whisper

회고 2026년 5월 8일 3분 소요

텔레그램 봇 개발 일지 #1 — Claude Code를 텔레그램으로 부리기

데스크톱 앞을 떠나도 Claude Code를 쓰고 싶었다. python-telegram-bot으로 1인 화이트리스트 봇을 만들고, 메시지를 그대로 Claude에 전달해 응답을 라이브로 흘려보내는 1일차 기록.

telegram claude-code python

회고 2026년 3월 20일 10분 소요

블로그 개발일지 #4 — Supabase로 콘텐츠 관리 아키텍처 전환

로컬 MDX 파일 기반 블로그를 Supabase로 마이그레이션한 이유와 과정을 기록한다. 커스텀 Astro 로더 구현, MCP 서버 역할 변화, MDX에서 Markdown으로의 전환까지 — 아키텍처를 뒤집은 일주일의 기록.

claude-code ai astro supabase architecture

회고 2026년 3월 15일 11분 소요

블로그 개발일지 #3 — OG 이미지, 공유 버튼, 그리고 remark 플러그인

카카오톡에서 한글이 깨지는 OG 이미지 수정, 공유 버튼 구현, 이미지 최적화 도입, Mermaid remark 플러그인까지 — 블로그를 다듬어간 네 가지 개선 작업을 기록한다.

claude-code ai astro blog dx

회고 2026년 3월 15일 10분 소요

블로그 개발일지 #2 — 세 가지 버그와 정적 사이트의 함정

모바일 메뉴 렌더링 깨짐, 카테고리 필터 미동작, 하드코딩된 카테고리 목록까지 — Astro 정적 블로그에서 만난 세 가지 버그를 해결한 과정을 기록한다.

claude-code ai astro blog debugging

회고 2026년 3월 15일 5분 소요

블로그 개발일지 #1 — Claude Code로 하루 만에 블로그 만들기

Astro + React + Tailwind 기술 블로그를 Claude Code와 협업하여 구축한 첫 번째 개발일지입니다.

claude-code ai astro blog dx