iamian

blog
  • 에이전트 팀 디자인 패턴
  • 도메인을 샀다, 그래서 DNS를 공부했다
  • 프론트엔드 번들 캐시버스팅을 구현해봤다
  • Git의 3가지 분신술 — checkout, clone, worktree 시각 해부
  • Server-Sent Events (SSE): 간단하지만 강력한 실시간 통신
  • 테이블 셀 복사 시 공백이 포함되는 이유
  • tmux 핵심 사용법 — 터미널 하나로 다 하는 법
  • 라이브러리 코드 리딩: vaul의 모바일 최적화 트릭들

블로그 포스트

All writing

3 of 19 entries

2026
02 · February
#gsap#scroll-trigger

GSAP + ScrollTrigger: 타임라인으로 정밀하게 제어하기

Motion과 GSAP는 어떻게 다른가? timeline, scrub, stagger, SplitText 플러그인으로 스크롤 기반 텍스트 애니메이션을 구현한다.

FEB 20
12분
#framer-motion#react

Motion: React에서 선언적으로 애니메이션하기

Spring physics, AnimatePresence, useScroll, useVelocity — Motion이 텍스트 애니메이션 23개 중 11개를 차지하는 이유를 파헤친다.

FEB 18
19분
#css#animation

CSS만으로 글리치 텍스트 만들기

JavaScript 없이 CSS keyframes, pseudo-elements, custom properties만으로 글리치 효과를 구현한다. CSS 애니메이션의 가능성과 한계를 탐구한다.

FEB 16
5분
iamian

개발과 기술에 대한 생각과 경험을 공유합니다.

BlogPostsBooksAbout

© 2026 ian. All rights reserved.