안녕하세요, 도경자입니다. 👋
Frontend & Backend를 아우르는 풀스택
개발자입니다.
사용자 경험과 시스템 안정성을 모두 중요하게 생각합니다.
최근 작성한 글
전체보기 →-
한컴AI 웹사이트 해부: GSAP과 Swiper로 만든 기업형 풀스크린 인터랙션
한컴AI(ai.hancom.com)의 디자인 시스템, 기술 스택, UX 패턴을 심층 분석합니다. Vanilla JS + GSAP + Swiper 조합의 풀스크린 스크롤 전략부터 다국어 대응, 다크 테마 브랜딩까지.
-
DRAFT.X 웹사이트 해부: Framer 기반 하이엔드 에이전시 웹 패턴 분석
DRAFT.X(드래프트엑스)의 디자인 시스템, 기술 스택, UX 패턴을 심층 분석합니다. 프레이머 기반의 No-code 아키텍처와 시각적 퍼포먼스의 트레이드오프를 확인하세요.
-
RightBrain(라이트브레인) 웹사이트 해부: WordPress + Slider Revolution으로 완성한 UX 에이전시의 자기표현
대한민국 대표 UX 컨설팅 에이전시 라이트브레인(rightbrain.co.kr)의 디자인 시스템, 기술 스택, UX 패턴을 심층 분석합니다. BeTheme + Slider Revolution 6의 풀스크린 시네마틱 히어로, 커스텀 폰트 시스템, 포트폴리오 중심 정보 설계까지.
-
Google Antigravity Rules 설정 꿀팁 — AI 에이전트가 코드부터 짜는 걸 막는 법
Google의 AI 코딩 IDE Antigravity에서 Rules와 Workflows를 설정하여 에이전트의 행동을 제어하는 방법을 정리했습니다. Global/Workspace 차이, 파일 저장 위치, Turbo 모드, 실무 워크플로우 템플릿까지 모두 제공합니다.
-
[웹사이트 분석] 두산로보틱스 홈페이지 UX/UI 디자인 및 기술 스택 해부
기업용(B2B) 로봇 솔루션을 제공하는 두산로보틱스(doosanrobotics.com) 웹사이트의 디자인 시스템, UX 패턴, 그리고 레거시 기술 스택(jQuery, Swiper, Lenis 등)을 심층 분석합니다.