안녕하세요, 도경자입니다. 👋
Frontend & Backend를 아우르는 풀스택
개발자입니다.
사용자 경험과 시스템 안정성을 모두 중요하게 생각합니다.
최근 작성한 글
전체보기 →-
AI 에이전트 MCP 서버 완벽 가이드: Gemini CLI로 나만의 코딩 에이전트 만들기
Model Context Protocol(MCP) 개념부터 Gemini CLI 설치, 커스텀 MCP 서버 JSON 설정, 최신 Gemini API Docs MCP 연동까지 — 복사해서 바로 쓰는 보일러플레이트 코드와 트러블슈팅 가이드를 제공합니다.
-
"이제 WebFlux 안 써도 되나요?" Spring Boot 4.0과 가상 스레드의 파괴력
Spring Boot 4.0이 Java 21 가상 스레드와 GraalVM 네이티브 이미지를 기본 탑재하면 백엔드 아키텍처가 어떻게 바뀌는지, 실무 마이그레이션 전략과 인프라 비용 절감 시나리오를 정량적으로 분석합니다.
-
Astro 블로그 구글 색인 누락 해결: Playwright로 서치 콘솔 자동 색인 요청 시스템 구축
글을 발행해도 구글에 안 잡힌다면 API 할당량과 브라우저 차단 때문입니다. launch_persistent_context로 구글 로그인 차단을 우회하고, 배치 처리로 Astro 포스트를 즉시 색인 요청하는 Python 코드를 공개합니다.
-
Solid.js + Astro 조합, 정말 React를 대체할 수 있을까? (2026 실전 비교)
React 대안으로 떠오른 Solid.js와 Astro 조합의 실제 성능을 벤치마크로 검증했습니다. 가상 DOM 없는 Fine-grained Reactivity와 Islands Architecture로 번들 사이즈 60% 감소, TTI 30% 개선이 가능한지 실전 데이터로 분석합니다.
-
TypeScript가 Go로 갈아탄 진짜 이유 (tsc 10배 속도 향상의 비밀)
TypeScript 7.0 Project Corsa에서 tsc가 Node.js를 버리고 Go로 재작성되는 이유를 심층 분석합니다. Anders Hejlsberg가 Rust 대신 Go를 선택한 아키텍처적 이유, 10x 성능 향상, CI/CD 빌드 시간 단축, 프론트엔드 툴체인 탈JS 흐름까지 총정리.
-
Devin AI 코딩 에이전트 솔직 리뷰: 비싼 요금제, 그만한 가치가 있을까?
최초의 자율형 AI 소프트웨어 엔지니어 Devin AI의 실무 성능, ACU 비용 문제, 그리고 효율적인 활용 팁까지 시니어 개발자의 시선에서 가감 없이 리뷰합니다.
-
Tailwind CSS v4 마이그레이션 완벽 가이드: config 파일 없이 CSS만으로 설정하기
Tailwind CSS v3에서 v4로 마이그레이션하는 방법 총정리. @tailwindcss/upgrade 자동 도구 사용법, @theme CSS 변수 수동 전환, Next.js 트러블슈팅, daisyUI v5 호환성까지 실무 기준으로 설명합니다.
-
Vercel v0 솔직 리뷰: Team 플랜 $30 결제 전 반드시 알아야 할 장단점 (ft. Next.js)
Vercel v0로 직접 대시보드 UI를 만들어봤습니다. Figma 연동, shadcn/ui 코드 품질, 컨텍스트 토큰 한계까지 — Bolt.new·Lovable과의 비교표를 포함한 실무자 시각의 솔직한 리뷰입니다.
-
Solid.js + Astro가 2026년에 React를 위협하는 이유 (성능 벤치마크 포함)
Solid.js + Astro 조합이 2026년 Core Web Vitals 기준에서 React를 대체할 수 있는지 번들 크기·TTI 실전 벤치마크로 비교합니다. Virtual DOM 없는 반응형 시스템과 Islands Architecture의 성능 이점을 분석합니다.
-
Gemini 3.1 Pro, Chatbot Arena 1위 — 실전 코딩 성능 직접 테스트
구글 Gemini 3.1 Pro가 Chatbot Arena에서 1위를 차지했습니다. 추론 능력 2배 향상, 100만 토큰 컨텍스트를 실전 코딩으로 직접 테스트하고 GPT-5.4, Claude Opus 4.6과 비교합니다.
-
브라우저에서 AI가 돌아간다 — Gemini Nano와 Web AI의 현재
Chrome에 내장된 Gemini Nano로 API 키 없이, 서버 없이, 오프라인에서도 AI를 실행할 수 있습니다. Prompt API 코드 예제, 모델 스펙, 프론트엔드 개발자가 지금 준비해야 할 것까지 정리했습니다.
-
Claude Code 실전 가이드 — 터미널에서 AI와 페어 프로그래밍하는 법
Anthropic의 공식 CLI 도구 Claude Code의 설치부터 CLAUDE.md 설정, Hooks, MCP 서버 연동까지 실전 워크플로우를 정리했습니다. Cursor와의 차이점, 비용 최적화 팁, 복사해서 바로 쓰는 CLAUDE.md 템플릿도 제공합니다.