Blog · Dev
개발, 도구, 워크플로우에 대한 글을 모았습니다.
2026년 내 개발 스택 정리: 들어오고 나간 것들
2026년 4월 기준으로 매일 쓰는 도구를 한 화면에 정리한다. 1년 동안 들어온 것, 나간 것, 살아남은 것을 카테고리별로 비교하며 변화의 패턴을 본다.
주니어에서 미들 개발자로 가며 바뀐 도구들
주니어 시절에는 IDE 하나면 충분하다고 생각했다. 미들로 오면서 도구가 늘었고, 줄어들기도 했다. 매일 쓰는 도구를 카테고리별로 비교하며 무엇이 변했는지 정리한다.
개발 블로그 한 달 운영 회고: 트래픽, 유입 키워드, 안 먹힌 글
블로그를 시작한 지 한 달 만에 글 14편을 썼다. 실제 트래픽, 검색 유입 키워드, 의외로 안 먹힌 글까지 — 숫자로 본 한 달 회고를 솔직하게 정리한다.
AI에 코드 의존도가 높아질 때 생기는 5가지 부작용
AI 코딩 도구를 1년 가까이 쓴 후 발견한 부작용 5가지. 디버깅 능력 약화, 검증 부담 증가, 코드 이해도 하락, 라이브러리 무지, 리뷰 피로. 그리고 이걸 어떻게 다루는지.
PR 리뷰 자동화: ultrareview와 multi-agent 코드 리뷰의 차이
Claude Code의 /ultrareview는 multi-agent로 PR을 분석한다. 단일 reviewer 호출과 무엇이 다른가, 어떤 작업에 맞는가, 비용은 얼마나 더 드는가를 실전 비교한다.
개발자 사이드 프로젝트 수익화: 애드센스부터 유료 SaaS까지 단계별 정리
사이드 프로젝트로 돈을 버는 5가지 길을 단계별로 정리한다. 애드센스, 유료 멤버십, 스폰서십, 디지털 제품, 유료 SaaS. 각 단계의 기대 수익과 진입 장벽을 솔직하게 비교한다.
Obsidian + Claude Code로 만든 블로그 글감 파이프라인
세션 작업 요약을 Obsidian에 자동 저장하고, Claude Code의 blog-write 스킬로 글감을 글로 변환한다. 글감이 사라지지 않게 잡는 워크플로우와 폴더 구조.
Git Worktree로 동시에 3개 브랜치 작업하는 법
git stash와 브랜치 스위치 사이에서 멈추지 마라. git worktree로 같은 레포의 다른 브랜치를 다른 폴더에서 동시에 작업한다. 셋업, AI 에이전트와의 조합, 함정까지 정리한다.
MDX에서 표 대신 React 컴포넌트로 시각화하기: 설계와 패턴
마크다운 표는 모바일에서 깨진다. MDX의 진짜 가치는 표를 시각화 컴포넌트로 대체하는 데 있다. CompareCard, PlanCard, FlowCard 같은 시각화 컴포넌트의 설계 원칙을 정리한다.
블로그 다크모드 디자인, Tailwind v4만으로 끝내기
다크모드 단일 사이트 디자인 가이드. CSS 변수와 Tailwind v4 @theme inline으로 색상 시스템을 구성하고, 가독성 좋은 어두운 배경과 텍스트 대비를 잡는 실전 노하우.
Contentlayer 없이 MDX 블로그 만들기: 직접 파서 짠 후기
Contentlayer 메인테넌스 중단 이후 직접 MDX 파서를 짰다. gray-matter, next-mdx-remote, 타입 안전성, 빌드 캐시까지 — 100줄짜리 자체 콘텐츠 레이어를 만든 과정.
블로그 이미지 178MB → 8.5MB로 줄인 압축 파이프라인
블로그 글 4개를 추가했더니 레포가 178MB가 됐다. sharp + WebP + 자동 리사이즈 스크립트로 8.5MB까지 줄였다. 이미지 워크플로우와 빌드 통합 방법까지.
Next.js App Router에서 MDX 블로그 만들 때 헷갈리는 것들
App Router로 MDX 블로그를 만들면서 부딪힌 함정 6가지를 정리한다. generateStaticParams, dynamic route, 메타데이터, Pages Router 가이드와의 차이, 빌드 타임 vs 런타임.
Cloudflare Pages 배포 시 빌드 캐시 이슈와 해결기
Cloudflare Pages 빌드가 매번 처음부터 도는 문제, 캐시가 적용 안 되는 이유, _next 캐싱 충돌, 무효화 시점까지 — 실제로 부딪힌 빌드 캐시 이슈와 해결법을 정리한다.
macOS 개발자 필수 brew 패키지 30선: 카테고리별 정리
새 맥북을 받았을 때 가장 먼저 까는 brew 패키지 30개를 카테고리별로 정리한다. 셸, CLI, 개발 도구, 앱(cask)까지 — Brewfile 한 장으로 환경을 복원하는 셋업.
터미널에서 GitHub PR 리뷰까지 끝내는 법: gh CLI 워크플로우
브라우저를 거치지 않고 PR 생성, 코멘트, 리뷰, 머지를 모두 터미널에서 처리하는 gh CLI 워크플로우. gh pr diff부터 gh pr view --comments까지 실전 명령어 모음.
dotfiles 관리, GNU Stow로 정착한 이야기
Bash 스크립트, chezmoi, yadm을 거쳐 결국 GNU Stow에 정착했다. 심볼릭 링크 한 줄짜리 도구가 왜 가장 오래 살아남았는지, 셋업과 운영 패턴을 정리한다.
mise(구 rtx)로 Node·Python·Go 버전 관리 통합하기
nvm, pyenv, gvm을 따로 깔지 않고 mise 하나로 통합했다. .tool-versions로 프로젝트별 자동 버전 전환, asdf와의 차이, .env 자동 로딩까지 정리한다.
tmux + cmux + Claude Code로 동시에 4개 작업 돌리는 멀티 세션 셋업
한 화면에서 Claude Code 세 개와 dev 서버를 같이 돌리는 멀티 세션 셋업. tmux와 cmux를 어떻게 조합하고, 키바인딩과 세션 자동화는 어떻게 잡는지 정리한다.
zsh에서 fish로 갈아탄 이유, 그리고 다시 zsh로 돌아간 이유
fish의 자동완성과 기본 설정의 매력에 빠져 zsh를 떠났다가 6개월 후 다시 돌아왔다. 두 셸 사이에서 무엇을 얻고 무엇을 잃었는지 솔직하게 정리한다.
AI 페어 프로그래밍에서 내가 망친 5가지, 그리고 고친 방법
Claude Code와 한 해를 같이 일하면서 자주 망쳤던 다섯 가지 패턴을 솔직히 정리한다. AI를 잘못 쓰는 게 어떤 모습인지, 거기서 어떻게 빠져나왔는지.
CLAUDE.md 잘 쓰는 법: 토큰만 낭비하는 안티패턴 5가지
CLAUDE.md는 모든 Claude Code 세션의 시작점이다. 한 줄도 토큰을 낭비하면 안 된다. 효과가 없는 흔한 안티패턴 5가지와 짧고 강력한 CLAUDE.md를 쓰는 원칙을 정리한다.
Claude Agent SDK로 나만의 CLI 에이전트 만들기
Claude Agent SDK는 Claude Code의 엔진을 그대로 빌려쓸 수 있게 한 라이브러리다. 도구, 권한, 스트리밍을 직접 제어하는 자체 CLI 에이전트를 100줄 이내로 만드는 과정을 정리한다.
Cursor, Windsurf, Claude Code 6개월 다 써본 결론
AI 코딩 도구 셋을 6개월 동안 돌아가며 썼다. 자동완성, 에이전트 모드, 멀티 파일 편집, 컨텍스트 이해도, 비용까지 직접 비교한 결과를 정리한다.
Claude Code 1M 컨텍스트의 함정: 길게 넣는다고 똑똑해지지 않는다
Opus 4.7 1M 컨텍스트가 열렸지만, 토큰을 다 채우면 오히려 답이 흐려진다. 'Lost in the middle' 현상부터 비용 폭발, 캐시 무효화까지 — 긴 컨텍스트가 망치는 6가지를 정리한다.
프롬프트 캐싱으로 Claude API 비용 70% 줄인 실전 후기
Anthropic SDK의 prompt caching을 적용해서 월 API 비용을 70% 가까이 줄였다. cache_control 한 줄 추가로 끝나는 게 아니다. 캐시 히트율을 높이는 프롬프트 설계, 5분 TTL 다루기, 측정 방법까지 정리한다.
Claude Code Hooks로 자동화하는 워크플로우 7가지
PreToolUse, PostToolUse, SessionStart, UserPromptSubmit. Claude Code의 Hooks 시스템으로 매일 반복하던 작업을 자동화한 7가지 패턴을 settings.json 예시와 함께 정리한다.
서브에이전트 vs 슬래시 커맨드 vs 스킬: 헷갈리는 셋의 차이와 선택 기준
Claude Code에는 비슷해 보이는 세 가지 확장 메커니즘이 있다. 서브에이전트, 슬래시 커맨드, 스킬. 각각의 차이와 언제 무엇을 쓰는지 실전 기준으로 정리한다.
Claude Code Plan Mode를 제대로 쓰는 법: Shift+Tab 이후가 진짜 시작이다
Plan Mode는 코드를 짜기 전에 계획을 세우는 모드다. Shift+Tab으로 진입하는 법, 언제 써야 하고 언제 끄는 게 나은지, 실전에서 배운 활용 패턴을 정리한다.
MCP 서버 직접 만들어보기: Supabase MCP를 따라 만든 첫 서버
Model Context Protocol(MCP) 서버를 직접 만드는 과정을 정리한다. Supabase MCP 구조를 분석하고, TypeScript SDK로 간단한 서버를 만들어 Claude Code에 연결하는 전체 흐름이다.
개발자라면 알아야 할 Git & GitHub CLI 명령어 30선
git init부터 gh pr merge까지, 실제 개발 워크플로우 순서로 정리한 Git & GitHub CLI 명령어 30개. 매일 쓰는 것부터 위기 탈출용까지.
클로드 코드 유용한 명령어
Claude Code의 슬래시 커맨드, 숨은 단축키, 커스텀 명령어까지. 매일 쓰는 명령어 위주로 실전 사용법을 정리한다.
2026년 개발자 터미널 생산성 도구 세팅
cd, ls, cat을 대체하는 모던 CLI 도구 8가지를 소개한다. Starship, zoxide, fzf, ripgrep, bat, eza, lazygit, Atuin까지 한 번에 세팅하는 방법.
Oh My ClaudeCode(OMC) 완벽 가이드: Claude Code를 멀티에이전트 팀으로 만드는 법
Oh My ClaudeCode를 설치하면 Claude Code에 autopilot, 병렬 에이전트, 전문 에이전트 팀이 추가된다. 설치부터 핵심 모드, 실전 활용법까지 정리한다.
OMC + Superpowers 연동 가이드: Claude Code 플러그인 두 개를 같이 쓰는 법
Oh My ClaudeCode의 멀티에이전트와 Superpowers의 엔지니어링 규율을 결합하면 Claude Code가 팀 단위 시니어 개발 조직처럼 동작한다. 설정법과 실전 조합을 정리한다.
개발자 블로그 수익화 전략: AdSense부터 시작
개인 블로그로 부수입을 만들기 위한 수익화 전략과 AdSense 준비 과정을 정리합니다.
Claude Code Superpowers 완벽 가이드: 설치부터 실전 활용까지
Claude Code에 Superpowers를 설치하면 브레인스토밍, TDD, 체계적 디버깅 같은 엔지니어링 워크플로우가 자동으로 적용된다. 설치법, 핵심 스킬, 활용 방법을 정리한다.
Next.js를 Cloudflare Pages에 배포하면서 겪은 일들
Cloudflare Pages에 Next.js 프로젝트를 배포하면서 만난 문제들과 해결 과정을 공유합니다.
Next.js에서 MDX 블로그 시스템 구축하기
next-mdx-remote로 MDX 파싱, gray-matter로 frontmatter 추출, rehype-pretty-code로 코드 하이라이팅을 구현한 과정입니다.
미니멀 다크모드 디자인 시스템 만들기
퓨어 블랙 배경의 미니멀 다크모드 사이트를 디자인한 과정과 컬러 팔레트, 타이포그래피 결정 과정을 공유합니다.
클로드 코드 Statusline 완전 정복: 설정법과 추천 구성
Claude Code 하단의 상태 표시줄(Statusline)을 설정하는 3가지 방법과, 실전에서 쓰기 좋은 추천 구성을 정리한다.
기술 스택 선택기: Next.js + Cloudflare Pages
블로그의 프레임워크, 호스팅, 스타일링을 결정한 과정과 각 선택의 이유를 정리합니다.
클로드 코드(Claude Code) 설치부터 첫 실행까지: 맥/윈도우 가이드
2026년 기준 Claude Code를 맥과 윈도우에 설치하는 방법을 정리한다. 터미널 한 줄이면 끝나는 설치 과정과 실제 사용 후기까지.
Warp에서 cmux로: 클로드 코드와 함께 쓰는 터미널을 바꾼 이유
Claude Code를 쓰면서 터미널도 바뀌어야 했다. Warp를 쓰다가 cmux로 갈아탄 경험과 비교 후기.