안녕하세요, 도경자입니다. 👋

Frontend & Backend를 아우르는 풀스택 개발자입니다.
사용자 경험과 시스템 안정성을 모두 중요하게 생각합니다.

소개 더보기 블로그 글 보기

최근 작성한 글

전체보기 →

Devin AI 코딩 에이전트 솔직 리뷰: 비싼 요금제, 그만한 가치가 있을까?

최초의 자율형 AI 소프트웨어 엔지니어 Devin AI의 실무 성능, ACU 비용 문제, 그리고 효율적인 활용 팁까지 시니어 개발자의 시선에서 가감 없이 리뷰합니다.

2026. 03. 28.
Tailwind CSS v4 마이그레이션 완벽 가이드: config 파일 없이 CSS만으로 설정하기

Tailwind CSS v3에서 v4로 마이그레이션하는 방법 총정리. @tailwindcss/upgrade 자동 도구 사용법, @theme CSS 변수 수동 전환, Next.js 트러블슈팅, daisyUI v5 호환성까지 실무 기준으로 설명합니다.

2026. 03. 26.
Vercel v0 솔직 리뷰: Team 플랜 $30 결제 전 반드시 알아야 할 장단점 (ft. Next.js)

Vercel v0로 직접 대시보드 UI를 만들어봤습니다. Figma 연동, shadcn/ui 코드 품질, 컨텍스트 토큰 한계까지 — Bolt.new·Lovable과의 비교표를 포함한 실무자 시각의 솔직한 리뷰입니다.

2026. 03. 25.
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를 대체할 수 있는지 실전 데이터로 비교합니다.

2026. 03. 24.
Gemini 3.1 Pro, Chatbot Arena 1위 — 실전 코딩 성능 직접 테스트

구글 Gemini 3.1 Pro가 Chatbot Arena에서 1위를 차지했습니다. 추론 능력 2배 향상, 100만 토큰 컨텍스트를 실전 코딩으로 직접 테스트하고 GPT-5.4, Claude Opus 4.6과 비교합니다.

2026. 03. 23.
브라우저에서 AI가 돌아간다 — Gemini Nano와 Web AI의 현재

Chrome에 내장된 Gemini Nano로 API 키 없이, 서버 없이, 오프라인에서도 AI를 실행할 수 있습니다. Prompt API 코드 예제, 모델 스펙, 프론트엔드 개발자가 지금 준비해야 할 것까지 정리했습니다.

2026. 03. 22.
Claude Code 실전 가이드 — 터미널에서 AI와 페어 프로그래밍하는 법

Anthropic의 공식 CLI 도구 Claude Code의 설치부터 CLAUDE.md 설정, Hooks, MCP 서버 연동까지 실전 워크플로우를 정리했습니다. Cursor와의 차이점, 비용 최적화 팁, 복사해서 바로 쓰는 CLAUDE.md 템플릿도 제공합니다.

2026. 03. 20.
CTKCLIP 웹사이트 해부: K-Beauty OEM/ODM 플랫폼의 디자인 토큰 & 인터랙션 전략

K-Beauty OEM/ODM 플랫폼 CTKCLIP의 CSS 변수 기반 디자인 토큰 체계를 해부합니다. Wanted Sans 선정 근거와 6개 분석 도구 스택 구성을 코드로 확인하세요.

2026. 03. 18.
나이스지키미(credit.co.kr) 웹사이트 해부: 레거시 금융 플랫폼의 기술 스택

jQuery 1.11.3 기반 커스텀 MVC 프레임워크로 운영되는 나이스지키미의 보안 아키텍처를 해부합니다. 국내 1위 신용평가 금융 플랫폼의 레거시 스택과 보안 처리 방식을 확인하세요.

2026. 03. 16.
핸들리(Handly) 웹사이트 해부: 노코드 빌더로 만든 B2B SaaS 랜딩의 한계와 가능성

imweb 노코드 빌더 위에서 B2B SaaS 랜딩을 구현한 핸들리 사이트를 해부합니다. 노코드 플랫폼의 한계와 가능성, 전환율 최적화 UX 설계 전략을 분석합니다.

2026. 03. 10.
한컴AI 웹사이트 해부: GSAP과 Swiper로 만든 기업형 풀스크린 인터랙션

Vanilla JS + GSAP + Swiper 조합으로 구현한 한컴AI의 풀스크린 스크롤 전략을 해부합니다. 다국어 대응 구조와 다크 테마 브랜딩 방식까지 코드 레벨에서 분석합니다.

2026. 03. 09.
DRAFT.X 웹사이트 해부: Framer 기반 하이엔드 에이전시 웹 패턴 분석

Framer 기반 No-code 아키텍처로 구축된 DRAFT.X 에이전시 사이트를 해부합니다. 하이엔드 비주얼과 성능 사이의 트레이드오프를 코드 레벨에서 분석합니다.

2026. 03. 09.