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

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

소개 더보기 블로그 글 보기

최근 작성한 글

전체보기 →

Solid.js + Astro 조합, 정말 React를 대체할 수 있을까? (2026 실전 비교)

React 대안으로 떠오른 Solid.js와 Astro 조합의 실제 성능을 벤치마크로 검증했습니다. 가상 DOM 없는 Fine-grained Reactivity와 Islands Architecture로 번들 사이즈 60% 감소, TTI 30% 개선이 가능한지 실전 데이터로 분석합니다.

2026. 03. 31.
TypeScript가 Go로 갈아탄 진짜 이유 (tsc 10배 속도 향상의 비밀)

TypeScript 7.0 Project Corsa에서 tsc가 Node.js를 버리고 Go로 재작성되는 이유를 심층 분석합니다. Anders Hejlsberg가 Rust 대신 Go를 선택한 아키텍처적 이유, 10x 성능 향상, CI/CD 빌드 시간 단축, 프론트엔드 툴체인 탈JS 흐름까지 총정리.

2026. 03. 30. 01:00
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를 위협하는 이유 (성능 벤치마크 포함)

Solid.js + Astro 조합이 2026년 Core Web Vitals 기준에서 React를 대체할 수 있는지 번들 크기·TTI 실전 벤치마크로 비교합니다. Virtual DOM 없는 반응형 시스템과 Islands Architecture의 성능 이점을 분석합니다.

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 프레임워크로 운영되는 나이스지키미(credit.co.kr)의 보안 아키텍처를 해부합니다. 국내 1위 신용평가 금융 플랫폼이 레거시 스택에서 보안과 성능을 어떻게 처리하는지 코드로 확인합니다.

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

imweb 노코드 빌더로 구현한 핸들리 B2B SaaS 랜딩 페이지를 해부합니다. 노코드 플랫폼의 기술적 한계와 가능성, CTA 배치와 전환율 최적화 UX 설계 전략, 실제 코드 구조까지 상세히 분석합니다.

2026. 03. 10.