~/hovelopin
← cd ~

~/hovelopin/blog $ ls -lah

blog

Claude Code jira-fixer sub-agent 썸네일
19 min read#ai#claude-code#jira#mcp#automation

Claude Code의 sub-agent 기능을 활용한 Jira 이슈 처리 자동화

Claude Code sub-agent + Atlassian MCP + Figma MCP 조합으로 Jira 이슈 처리 워크플로를 자동화한 경험과 jira-fixer agent 설계 과정을 공유합니다.

React CVE-2026-23869 취약점 분석 썸네일
8 min read#react#nextjs#security#cve

React CVE-2026-23869 — Flight 프로토콜 DoS 취약점 분석

React Server Components의 Flight 프로토콜 역직렬화에서 발견된 DoS 취약점 — `new Map()`의 이터레이터가 트리거하는 무한 재귀를 원인부터 패치 코드까지 추적.

React CVE-2025-55182 취약점 분석 썸네일
7 min read#react#nextjs#security#cve

React CVE-2025-55182 취약점 원인 분석

Next.js 15~16의 React Server Component에서 발견된 RCE(Severity 10) 취약점을 직접 재현하고, 패치된 코드의 차이까지 추적한 기록.

메모리 누수 4편 — gcTime SSR 분석 썸네일
15 min read#nextjs#performance#memory#tanstack-query#ssr

메모리 누수 해결을 위한 여정 - gcTime 한 줄이 SSR을 죽인 진짜 이유

이전 글에서 범인으로 지목된 gcTime: 24h. 그런데 정말 '캐시가 24시간 살아 있어서' 누수가 났을까? TanStack Query 소스 두 파일을 열어 SSR 분기의 실제 메커니즘을 따라간 기록.

Cursor로 웹페이지를 Figma로 변환하기 썸네일
4 min read#ai#mcp#cursor#figma#design

Cursor로 모든 웹페이지를 Figma로 변환하기

Grab의 Cursor Talk To Figma MCP로 임의의 웹페이지를 Figma 디자인으로 자동 변환하고, 디자이너 없는 팀에서 활용해 본 기록.

Playwright MCP + Shadcn 디자인 시스템 썸네일
6 min read#ai#mcp#shadcn#playwright#design-system

Playwright MCP와 Shadcn을 활용한 AI 기반 디자인 시스템 구축하기

임의의 웹사이트를 Playwright MCP로 분석해 디자인 시스템 명세를 뽑고, Shadcn MCP로 컴포넌트와 페이지까지 자동 구성한 실험.

메모리 누수 3편 — 서버사이드 편 썸네일
6 min read#nextjs#performance#memory#tanstack-query

메모리 누수 해결을 위한 여정 - 서버사이드 편

제한된 힙 메모리 환경에서 부하 테스트를 돌려 서버사이드 메모리 누수의 직접 원인을 찾아낸 과정 — 결국 한 컴포넌트의 gcTime이 범인이었습니다.

Claude와 Figma MCP 연동 썸네일
4 min read#ai#claude#figma#mcp

Claude와 Figma로 구현하는 워크플로우의 혁신 (MCP)

Figma-MCP 프로토콜로 Figma 디자인을 Claude/Cursor/Windsurf에 연결해 코드로 자동 변환하는 셋업 가이드.