프론트엔드/CSS CSS 변수와 다크 모드 구현하기: 체계적인 테마 시스템 설계 하드코딩된 색상값을 CSS 변수로 체계화하고, 시스템 다크 모드 설정을 감지하며, 사용자 선호를 저장하는 테마 전환 시스템을 구현했습니다. 디자인 토큰 설계부터 실전 컴포넌트 예시까지 전체 과정을 공유합니다.
자동화/n8n n8n 커스텀 노드 리팩토링: 타입 안전성과 성능을 동시에 잡는 7가지 패턴 코드 중복 제거, 타입 정의, Connection Pooling까지 - 실제 프로덕션 코드 개선 사례
자동화/n8n n8n 셀프 호스팅에 사내 SSO 연동하기: 인증 게이트웨이 구축 완벽 가이드 n8n을 사내에 도입하면서 직원들이 별도 계정 없이 사번/비밀번호로 로그인할 수 있게 만들었습니다. Enterprise 라이선스 없이 Community Edition에서 인증 게이트웨이를 구축한 과정을 공유합니다.
자동화/n8n n8n-MCP Docker 연동 가이드: 설정부터 트러블슈팅까지 완벽 정리 n8n-MCP를 Docker 환경에서 설정하고 연동하는 방법을 다룹니다. 자주 발생하는 SSE 연결 루프 문제, 환경변수 오류 등의 해결 방법도 함께 제공합니다.
프론트엔드/크롬확장 Web Crypto API로 안전한 해싱 구현하기: SHA-256에서 PBKDF2까지 단순 SHA-256 해싱의 보안 한계를 분석하고, Web Crypto API의 PBKDF2로 업그레이드하는 방법을 다룹니다. Timing Attack 방어를 위한 constant-time 비교와 클라이언트 Rate Limiting 패턴까지 실제 코드와 함께 설명합니다.
프론트엔드/크롬확장 JavaScript URL 비교와 정규화: 같은 페이지인데 다른 URL? 같은 페이지인데 URL 비교가 false? Fragment, trailing slash, query parameter 순서 차이로 인한 문제와 URL 정규화 해결책을 코드 예시와 함께 설명합니다.
자동화/블로그 Ghost Admin API로 블로그 글 일괄 관리하기: 예약 발행 스케줄 자동 조정 Ghost Admin에서 글 하나씩 날짜 바꾸기 지치셨나요? API 스크립트 한 번으로 예약글 스케줄을 일괄 조정하는 방법을 알려드립니다.
자동화/블로그 Ghost MCP 서버 구축기: 블로그 66개 포스트 전수 감사 자동화 n8n 자동화의 한계를 넘어 MCP 서버를 만들고, 66개 포스트를 한 세션에서 전수 감사한 이야기
AI/Claude Code Claude Code Review GitHub Action, 최신 템플릿으로 설치하면 리뷰 코멘트가 안 달립니다 2026년 1월 이후 Claude Code Review 설치 템플릿이 플러그인 방식으로 바뀌면서 PR 코멘트가 포스팅되지 않는 문제가 발생합니다. 실제 GitHub Issues 분석과 함께 공식 권장 해결법을 정리합니다.
자동화/블로그 Claude Code Hooks로 블로그 글 자동 전송하기: n8n Webhook 연동 Claude Code Hooks 기능으로 블로그 글 작성부터 Ghost 전송까지 완전 자동화하는 파이프라인을 구축합니다. /blog 실행만 하면 나머지는 자동!
자동화/n8n n8n AI Agent로 블로그 태그 자동 분류하기: Ghost 연동 심화편 AI가 블로그 본문을 읽고 기존 태그에서 선택하고, 필요하면 새 태그도 제안합니다. Ghost API가 새 태그를 자동 생성하므로 프롬프트 수정 없이 태그가 확장됩니다.
자동화/n8n n8n으로 블로그 자동화 구축하기: Ghost 연동부터 실전 워크플로우까지 Oracle Cloud 무료 티어에 n8n을 셀프호스팅하고, Ghost Admin API로 블로그 포스팅을 자동화하는 완전 가이드입니다.
AI/도구활용 AI 코딩 어시스턴트 시대의 문서화: 양방향 링크 시스템 구축기 AI 코딩 어시스턴트가 문서와 코드 사이의 연결을 놓치는 문제를 발견했습니다. @handbook, @code 마커로 양방향 링크 시스템을 구축하여 AI 컨텍스트 정확도를 높인 방법을 공유합니다.
AI/Claude Code Claude Code .claude 디렉토리 1.3GB 정리하기 — 세션 로그 자동 정리 스크립트 Claude Code의 .claude 디렉토리가 1.3GB로 불어난 원인을 분석하고, memory를 보호하면서 오래된 세션 데이터를 자동 정리하는 스크립트를 만들었습니다.
AI/Claude Code Claude Code, Codex, Gemini 사용량을 한 번에 확인하는 CLI 대시보드 만들기 여러 AI 코딩 어시스턴트의 사용량을 통합 조회하는 CLI 대시보드 개발기. 데이터 정규화, 병렬 API 호출, 자동 추천 알고리즘 구현 과정을 다룹니다.
AI/Claude Code VSCode 여러 개 띄우던 개발자가 Ghostty + lazygit + Claude Code로 갈아탄 이유 VSCode를 여러 개 띄워 Git Graph와 코드를 보던 습관을 Ghostty + lazygit + Claude Code 조합으로 바꿨습니다. 같은 작업, 20배 적은 리소스. 설치부터 워크플로우까지 정리합니다.
AI/Claude Code SOUL.md 도입과 CLAUDE.md 재설계: 2026 베스트 프랙티스로 AI 코딩 에이전트 최적화하기 Claude Code의 글로벌 CLAUDE.md가 234줄로 비대해지면서 구조 부재, PR 템플릿 장황함, 도구 선택 모호함 등의 문제가 발생했습니다. SOUL.md를 새로 만들어 AI의 정체성을 분리하고, CLAUDE.md를 3단계 구조(원칙→워크플로우→참조)로 재설계한 과정을 공유합니다.
Ghost/SEO-마케팅 Ghost 뉴스레터로 구독자 1,000명 모으기 - 멤버십 설정부터 성장 전략까지 Ghost의 강력한 뉴스레터 기능을 활용해 구독자 1,000명을 모으는 실전 전략. 멤버십 설정부터 콘텐츠 전략, 성장 단계별 액션 플랜까지.
자동화/블로그 Ghost 예약 발행으로 블로그 자동화하기 - 최적의 발행 타이밍과 설정 방법 바쁜 일상에서도 꾸준히 블로그를 운영하는 비결. Ghost의 예약 발행 기능 설정법과 최적의 발행 타이밍을 알아봅니다.
Ghost/SEO-마케팅 한국에서 Ghost 블로그 수익화하기 - Stripe 없이 가능한 방법 총정리 Stripe를 사용할 수 없는 한국에서 Ghost 블로그로 수익을 창출하는 현실적인 방법들. AdSense 광고, 무료 멤버십 + 후원, MoR 서비스 활용법까지 총정리했습니다.
AI/도구활용 Git Worktree 완벽 가이드: 생성부터 정리까지 실전 워크플로우 하나의 레포에서 여러 브랜치를 동시에 작업하고 싶다면? Git Worktree로 stash 없이 브랜치 전환하고, PR 리뷰도 깔끔하게 처리하세요.
Ghost/커스터마이징 Ghost 블로그에 플로팅 목차(TOC) 만들기: 스크롤 스파이와 부드러운 애니메이션 Ghost 블로그에 플로팅 목차를 추가하는 방법을 단계별로 설명합니다. 테마 수정 없이 Code Injection만으로 스크롤 스파이 기능이 포함된 사이드바 목차를 구현할 수 있습니다.
Ghost/커스터마이징 Ghost 블로그에 Obsidian 스타일 Knowledge Graph 추가하기: D3.js로 포스트 관계 시각화 Ghost 블로그에 Obsidian Graph View 같은 시각화 기능이 없어서 D3.js로 직접 만들었습니다. 포스트 간 링크, 태그 관계, 카테고리 클러스터를 인터랙티브하게 탐색할 수 있습니다.
인프라/서버 Ubuntu 서버 보안 강화 완전 가이드: SSH부터 fail2ban까지 Oracle Cloud 서버에 한 달간 7,600건의 SSH 브루트포스 공격이 들어왔습니다. 공격 데이터를 분석하고, SSH 하드닝과 fail2ban 강화로 효과적으로 방어한 경험을 공유합니다.
AI/Claude Code Claude Code 상태줄 플러그인 만들기: claude-dashboard 개발기 Claude Code 사용 중 컨텍스트 윈도우와 API 제한을 한눈에 파악하기 어려웠습니다. 이 문제를 해결하기 위해 상태줄 플러그인을 개발했고, 위젯 패턴, 3단계 캐싱, 국제화 등의 기술적 결정 과정을 공유합니다.
