블로그

Figma MCP 웹 컴포넌트 자동 생성 연구: 디자인 시스템 지속적 동기화

Figma Parts 라이브러리에서 figma-mcp를 활용해 바닐라 자바스크립트 웹 컴포넌트를 생성하고, 디자인 변경사항을 지속적으로 동기화하는 실전 연구. 웹훅, GitHub Actions, 디자인 토큰 기반 구현 가이드.

Claude Code 에이전트에 Verbalized Sampling 적용하기: LLM 다양성 1.6〜2.1배 향상

Verbalized Sampling 기법을 Claude Code 에이전트에 적용하여 프롬프트 다양성 2.0배, 콘텐츠 다양성 1.8배, 글쓰기 스타일 1.6배 향상을 달성한 실전 가이드. 4개 에이전트 수정 내역, 파라미터 조정, 비용 분석까지 완벽 정리.

Verbalized Sampling: LLM 다양성을 되찾는 훈련 불필요 프롬프팅 기법

정렬 후 발생하는 모드 붕괴 문제를 해결하는 Verbalized Sampling 기법. 재훈련 없이 LLM 출력 다양성을 1.6〜2.1배 향상시키는 프롬프팅 전략 완벽 가이드

3주 분석 리포트: 오가닉 검색 1266% 폭발 성장, 그리고 20개 포스트 발행의 여정

2025-10-15〜11-04 GA4 데이터 분석, 오가닉 검색 4.3%→54.4% 도약, 20개 신규 포스트 발행, 한국이 1위 국가로 부상 - 투명하게 공유하는 블로그 성장 기록

데이터 기반 제품 의사결정: PM을 위한 분석 프레임워크

DAU/MAU, RICE, A/B 테스트 등 핵심 지표와 프레임워크로 제품 결정의 정확도를 높이는 실전 가이드입니다.

Slack MCP로 팀 커뮤니케이션 데이터 분석하기

Model Context Protocol을 활용한 Slack 데이터 분석 방법과 실전 활용 사례를 소개합니다

Notion·Backlog·Slack·Claude로 프로젝트 매니징 표준화하기

4가지 도구를 통합한 애자일 프로젝트 관리 워크플로우 구축 가이드

추천 시스템 V3: Frontmatter 임베디드 아키텍처로 빌드 성능 100% 개선

비대한 recommendations.json을 제거하고 Frontmatter에 추천 데이터를 직접 임베딩하여 런타임 파일 I/O를 100% 제거한 V3 시스템 구축 과정과 성과를 공유합니다.

LLM을 활용한 프로젝트 매니저 업무 효율화: AI로 생산성 3배 높이기

ChatGPT, Claude, Gemini 등 최신 LLM 도구를 활용하여 프로젝트 관리 업무를 자동화하고 생산성을 극대화하는 실전 가이드를 소개합니다. 일일 업무 자동화부터 ROI 측정까지 단계별로 설명합니다.

Claude Code로 대규모 페이지 테스트 병렬 자동화하기

웹페이지 마이그레이션 테스트를 Claude Code 에이전트와 Playwright로 5-8배 빠르게 실행하는 실전 가이드

LLM을 활용한 웹페이지 이행 작업의 표준화

Claude Code와 LLM 기반 자동화로 레거시 웹사이트를 최신 웹 컴포넌트와 정적 사이트로 안전하게 마이그레이션하는 완벽 가이드

Claude Code Hook으로 구축하는 자동화 코드 리뷰 시스템

Hook 기반 코딩 규칙 설정부터 CI/CD 통합까지, 실무에서 바로 적용 가능한 자동화 리뷰 프로세스 완전 가이드

BigQuery MCP 서버: Dataset Prefix 필터링 구현하기

TypeScript로 BigQuery MCP 서버를 구축하고 Dataset Prefix 필터링을 통해 AI 에이전트의 데이터 접근을 제어하는 방법을 알아봅니다.

Jules를 이용한 오토코딩: Google의 자율 AI 코딩 에이전트 완벽 가이드

Google의 혁신적인 AI 코딩 에이전트 Jules로 GitHub 이슈를 자동으로 해결하고 PR을 생성하는 방법을 알아봅니다

LangGraph 멀티 에이전트 시스템 완전 가이드

프로덕션 환경에서 LangGraph로 확장 가능한 멀티 에이전트 AI 시스템을 구축하는 방법을 상세히 알아봅니다

Playwright + AI: 자동화된 E2E 테스트 작성하기

Playwright와 AI Codegen을 활용한 E2E 테스트 자동화. TypeScript 기반 실습, GitHub Actions 통합, 시각적 회귀 테스트까지 실무에서 바로 적용 가능한 완벽 가이드

SSR 방법론으로 블로그 재방문 의향 분석하기

LLM 기반 Semantic Similarity Rating으로 225개 평가를 수행한 실험 결과와 통계 분석. ICC 0.83의 높은 신뢰도 검증 및 시각화 포함.

AI가 소비자 행동을 예측하는 새로운 방법: 의미론적 유사도 평가

LLM을 활용한 합성 소비자 연구의 혁신, SSR 방법론으로 90% 신뢰도 달성

Claude Skills 완벽 가이드: 프로젝트 적용기와 실전 노하우

Claude의 새로운 Agent Skills 기능 도입부터 실제 구현까지, 시행착오와 성과를 담은 실전 가이드. 폴더 기반 모듈화로 AI 에이전트를 전문화하는 방법.

OpenAI AgentKit 완벽 가이드 2부: 실전 적용과 고급 패턴

엔터프라이즈급 멀티 에이전트 시스템 설계부터 프로덕션 배포까지, AgentKit 실전 마스터 가이드

OpenAI AgentKit 완벽 가이드 1부: 핵심 개념과 시작하기

2025년 10월 발표된 OpenAI AgentKit의 핵심 개념부터 실전 튜토리얼까지, AI 에이전트 개발의 모든 것

AI 에이전트에 성별과 페르소나를 부여하면 무슨 일이 일어날까?

120개 이상의 연구로 밝혀진 AI 에이전트 페르소나 설계의 심리학적 효과와 업무별 최적 설계 전략

추천 시스템 혁신: 78,000 토큰을 제로로 만든 메타데이터 최적화 여정

콘텐츠 추천 시스템의 토큰 사용량을 100% 제거하고 실행 시간을 99% 단축한 메타데이터 기반 알고리즘 최적화 사례를 소개합니다.

자가 치유 AI 시스템: 인간 개입 없이 자동으로 버그를 수정하는 에이전트 구축하기

GitHub, Google, Netflix가 실전 배포한 Self-Healing Systems 완벽 가이드. LangGraph로 에러 감지부터 자동 패치까지 전체 구현

AI 에이전트 협업 패턴: 5개의 전문 에이전트로 풀스택 앱 구축하기

Architecture, Coding, Testing, Security, DevOps Agent를 오케스트레이션하여 프로덕션급 애플리케이션을 구축하는 실전 가이드

AI 시대의 사양 주도 개발: Markdown으로 코드를 작성하는 새로운 패러다임

GitHub Spec Kit으로 구현하는 체계적인 AI 개발 방법론. "Vibe Coding"을 넘어 확장 가능하고 유지보수 가능한 프로덕션 코드를 작성하는 완벽 가이드

블로그 첫 주 분석 리포트: 31명의 열정적인 얼리어답터와 함께 시작한 여정

블로그 런칭 일주일 후 GA4 데이터 분석, 콘텐츠 성과, 개선 효과 - 투명하게 공유하는 블로그 성장 기록 (2025-10-07~10-14)

정적 블로그의 예약 공개 구현법: Astro + GitHub Actions로 자동화하기

Astro와 GitHub Pages를 사용한 정적 블로그에서 WordPress처럼 포스트 예약 공개를 구현하는 실전 가이드. pubDate 필터링과 스케줄 워크플로우를 활용한 완전 자동화 솔루션

Claude LLM으로 구축하는 지능형 콘텐츠 추천 시스템

단순 태그 매칭을 넘어 의미론적 이해로 정교한 추천을 제공하는 AI 기반 블로그 추천 시스템 구축 가이드

Chrome DevTools MCP로 웹 성능 최적화 자동화하기

AI 어시스턴트가 실제 브라우저 데이터로 성능을 측정하고 최적화하는 Chrome DevTools MCP 완벽 가이드. Core Web Vitals 자동화부터 실전 워크플로우까지

AI 에이전트 시스템 구축 실전 가이드: Notion API MCP와 Claude Code로 자동화 파이프라인 만들기

Model Context Protocol(MCP)과 Claude Code를 활용하여 Notion과 연동된 실전 AI 에이전트 자동화 시스템을 구축하는 완벽 가이드. 가능한 것, 불가능한 것, 도입 장점과 유의사항을 SEO 전문가와 콘텐츠 매니저 시선으로 검증한 실무 중심 튜토리얼.

AI를 활용한 반기별 발표 자료 작성 자동화: 60시간에서 10시간으로

반기별 보고서 작성에 소요되는 60시간 이상의 업무를 AI 에이전트 시스템과 자동화 도구를 활용해 10시간으로 단축한 실전 프로세스를 공유합니다.

Claude Code를 활용한 대규모 웹사이트 페이지 자동 생성: 파츠 라이브러리와 SubAgent 병렬 처리

31개의 HTML 페이지를 파츠 라이브러리 기반으로 자동 생성한 실전 사례를 공유합니다. CSV 메타데이터 관리, SubAgent 병렬 처리, 2단계 품질 검증 프로세스까지 완벽 가이드.

Claude Code Best Practices: 개발 생산성을 극대화하는 AI 코딩 가이드

Anthropic의 공식 Best Practices를 기반으로 Claude Code 설정을 최적화하고, 실제 프로젝트에 적용한 개선 사례를 공유합니다.

www.jangwook.net 블로그 런칭 분석 리포트: 데이터 기반 기술 블로그의 시작

블로그 런칭 초기 GA4 데이터 분석, 실전 MCP 쿼리 예제, 그리고 3개월 성장 전략까지 - 투명하게 공유하는 기술 블로그 여정의 시작

Google Analytics MCP와 AI 에이전트로 블로그 분석 자동화하기

MCP와 AI 에이전트를 활용하여 블로그 분석을 자동화하고 데이터 기반 의사결정을 하는 방법을 알아봅니다

LLM과 Claude Code를 활용한 블로그 자동화 - 미래의 콘텐츠 제작

Claude Code와 11개의 전문 에이전트로 블로그를 완전 자동화하는 방법. 프롬프트 엔지니어링부터 MCP 통합, 다국어 지원, 이미지 생성까지 - 누구나 따라할 수 있는 실전 가이드.