안녕하세요, 도경자입니다. 👋
Frontend & Backend를 아우르는 풀스택
개발자입니다.
사용자 경험과 시스템 안정성을 모두 중요하게 생각합니다.
최근 작성한 글
전체보기 →-
Solid.js + Astro가 2026년에 React를 위협하는 이유 (성능 벤치마크 포함)
Virtual DOM 없는 Solid.js와 Islands Architecture의 Astro가 만났을 때 React 대비 번들 크기 15KB vs 45KB, TTI 200ms vs 350ms 차이가 납니다. 2026년 Core Web Vitals 기준에서 React를 대체할 수 있는지 실전 데이터로 비교합니다.
-
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 템플릿도 제공합니다.
-
CTKCLIP 웹사이트 해부: K-Beauty OEM/ODM 플랫폼의 디자인 토큰 & 인터랙션 전략
CTKCLIP.COM의 디자인 시스템, 기술 스택, 인터랙션 패턴을 심층 분석합니다. Wanted Sans 선택 이유, 정교한 CSS 변수 체계, 6개 분석 도구 스택의 의도까지.