~/hovelopin/posts $ ls -lah
posts
AI가 자꾸 만드는 useRef 패턴, useEffectEvent로 걷어내기
AI가 콜백 prop을 useRef로 감싸고 useEffect로 동기화하는 패턴을 useEffectEvent로 정리한 과정을 공유하고, React가 useEffectEvent를 내부에서 어떻게 구현했는지 소스까지 따라가 본다.
Claude Code의 sub-agent 기능을 활용한 Jira 이슈 처리 자동화
Claude Code sub-agent + Atlassian MCP + Figma MCP 조합으로 Jira 이슈 처리 워크플로를 자동화한 경험과 jira-fixer agent 설계 과정을 공유한다.
React CVE-2026-23869 — Flight 프로토콜 DoS 취약점 분석
React Server Components의 Flight 프로토콜 역직렬화에서 발견된 DoS 취약점 — `new Map()`의 이터레이터가 트리거하는 무한 재귀를 원인부터 패치 코드까지 추적.
React CVE-2025-55182 취약점 원인 분석
Next.js 15~16의 React Server Component에서 발견된 RCE(Severity 10) 취약점을 직접 재현하고, 패치된 코드의 차이까지 추적한 기록.
메모리 누수 해결을 위한 여정 - gcTime 한 줄이 SSR을 죽인 진짜 이유
이전 글에서 범인으로 지목된 gcTime: 24h. 그런데 정말 '캐시가 24시간 살아 있어서' 누수가 났을까? TanStack Query 소스 두 파일을 열어 SSR 분기의 실제 메커니즘을 따라간 기록.
Cursor로 모든 웹페이지를 Figma로 변환하기
Grab의 Cursor Talk To Figma MCP로 임의의 웹페이지를 Figma 디자인으로 자동 변환하고, 디자이너 없는 팀에서 활용해 본 기록.
Playwright MCP와 Shadcn을 활용한 AI 기반 디자인 시스템 구축하기
임의의 웹사이트를 Playwright MCP로 분석해 디자인 시스템 명세를 뽑고, Shadcn MCP로 컴포넌트와 페이지까지 자동 구성한 실험.
메모리 누수 해결을 위한 여정 - 서버사이드 편
제한된 힙 메모리 환경에서 부하 테스트를 돌려 서버사이드 메모리 누수의 직접 원인을 찾아낸 과정 — 결국 한 컴포넌트의 gcTime이 범인이었다.
Claude와 Figma로 구현하는 워크플로우의 혁신 (MCP)
Figma-MCP 프로토콜로 Figma 디자인을 Claude/Cursor/Windsurf에 연결해 코드로 자동 변환하는 셋업 가이드.