백엔드/인증-보안 Express 프록시 레이어에서 파일 다운로드 자동 암호화 구현하기 http-proxy-middleware의 selfHandleResponse 옵션을 활용해 파일 다운로드 응답을 가로채고 AES-256-GCM으로 암호화하는 방법. 전략 패턴으로 사내 API 연동도 준비.
백엔드/인증-보안 민감 데이터 접근 추적: Audit Logging 구현하기 개인정보보호법과 GDPR 준수를 위해 민감 데이터 접근 이력을 추적해야 했습니다. Context 기반 감사 로깅과 Fire-and-forget 패턴으로 구현한 경험을 공유합니다.
인프라/네트워크 Tailscale로 Oracle Cloud 서버 SSH 포트 완전 차단하기: Bastion 대신 VPN을 선택한 이유 fail2ban으로 하루 250건의 SSH 공격을 막고 있었지만, Tailscale을 도입해 SSH 포트를 아예 닫아버렸습니다. Bastion Host 대신 Tailscale을 선택한 이유와, Oracle Cloud Security List, UFW, Termius 설정까지 완전한 가이드입니다.
Ghost/설치-운영 Ghost 셀프 호스팅 블로그 TTFB 3.7초 → 0.4초: Cloudflare Cache Rule로 87% 속도 개선 Ghost CMS는 기본적으로 HTML에 max-age=0을 설정해서 Cloudflare 캐시가 작동하지 않습니다. Cache Rule 하나로 TTFB를 3.7초에서 0.4초로 줄인 방법을 공유합니다.
AI/Claude Code Obsidian CLI 없이 플러그인 E2E 테스트하기: Electron CDP 활용법 Obsidian CLI가 Early Access(v1.12+)라 사용할 수 없을 때, Electron의 Chrome DevTools Protocol을 활용해 플러그인 E2E 테스트를 구현한 경험을 공유합니다. 실제 버그 발견부터 11개 옵션 조합 테스트까지.
AI/Claude Code claude-dashboard v1.10~v1.13: 테마, 성능 최적화, 그리고 셸 통합까지 claude-dashboard v1.10부터 v1.13까지 6번의 릴리스에 담긴 변경사항을 정리합니다. 테마 시스템, Effort Level 표시, 성능 최적화, 그리고 터미널에서 바로 쓰는 check-ai 커맨드까지.
Ghost/설치-운영 Ghost 셀프 호스팅에서 Google AdSense ads.txt 설정하기 (NPM + Docker) Ghost는 정적 파일 서빙이 제한적이라 ads.txt를 직접 올릴 수 없습니다. NPM의 Advanced 설정에 location 블록을 추가해서 해결하는 방법을 정리했습니다.
프론트엔드/Next.js Next.js "Event handlers cannot be passed to Client Component" 에러 해결 Next.js App Router에서 loading.tsx를 추가했더니 빌드 에러가 발생했습니다. 'use client' 컴포넌트의 prerendering 동작을 이해하고 Server/Client 분리 패턴으로 해결한 경험을 공유합니다.
프론트엔드/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로 블로그 포스팅을 자동화하는 완전 가이드입니다.
