안녕하세요, 도경자입니다. 👋
Frontend & Backend를 아우르는 풀스택
개발자입니다.
사용자 경험과 시스템 안정성을 모두 중요하게 생각합니다.
최근 작성한 글
전체보기 →-
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개 분석 도구 스택의 의도까지.
-
나이스지키미(credit.co.kr) 웹사이트 해부: 레거시 금융 플랫폼의 기술 스택
1위 신용평가기관 나이스지키미의 기술 스택, 보안 아키텍처, UX 패턴을 심층 분석합니다. jQuery 1.11.3부터 커스텀 MVC 프레임워크까지, 국내 금융 서비스가 어떻게 구축되어 있는지 살펴봅니다.
-
핸들리(Handly) 웹사이트 해부: 노코드 빌더로 만든 B2B SaaS 랜딩의 한계와 가능성
핸들리(Handly)의 디자인 시스템, 기술 스택, UX 패턴을 심층 분석합니다. imweb 노코드 플랫폼 위에서 B2B SaaS 랜딩을 어떻게 구현했는지, 그리고 어떤 트레이드오프가 존재하는지 살펴봅니다.
-
한컴AI 웹사이트 해부: GSAP과 Swiper로 만든 기업형 풀스크린 인터랙션
한컴AI(ai.hancom.com)의 디자인 시스템, 기술 스택, UX 패턴을 심층 분석합니다. Vanilla JS + GSAP + Swiper 조합의 풀스크린 스크롤 전략부터 다국어 대응, 다크 테마 브랜딩까지.