안녕하세요, 도경자입니다. 👋
Frontend & Backend를 아우르는 풀스택
개발자입니다.
사용자 경험과 시스템 안정성을 모두 중요하게 생각합니다.
최근 작성한 글
전체보기 →-
핸들리(Handly) 웹사이트 해부: 노코드 빌더로 만든 B2B SaaS 랜딩의 한계와 가능성
핸들리(Handly)의 디자인 시스템, 기술 스택, UX 패턴을 심층 분석합니다. imweb 노코드 플랫폼 위에서 B2B SaaS 랜딩을 어떻게 구현했는지, 그리고 어떤 트레이드오프가 존재하는지 살펴봅니다.
-
한컴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 모드, 실무 워크플로우 템플릿까지 모두 제공합니다.