작업 기록
인터랙션 패키지 현대화
2025.06 ~ 2026.06 / 기록 1개
여러 토스 서비스가 함께 쓰는 interaction 패키지를 최신 React/RSC 환경에 맞게 정리하고, Vite 기반 빌드 전환과 Emotion 제거로 패키지 사용처의 styling 의존성을 단순화한 작업이에요.
다른 Case Studies 보기
- 2025.06 ~
/ 기록 4개데우스랠리데우스 위에서 디자이너가 모션을 만들고 프리뷰로 확인한 뒤 웹/iOS/Android 핸드오프 코드까지 이어지도록, 편집 상태·데이터 구조·코드젠·회귀 테스트를 함께 잡은 모션 저작 플러그인 작업이에요. - 2026.01 ~ 2026.04
/ 기록 4개TDS 인터랙션 컴포넌트ProgressiveBlur와 EdgeShadow처럼 CSS 기본 기능만으로는 디자인에서 요구한 질감을 맞추기 어려운 시각 표현을, WebGL·shader·masking까지 다뤄 재사용 가능한 TDS 컴포넌트로 만든 작업이에요. - 2026.05
/ 기록 2개토스쇼핑 결제 모션토스쇼핑 결제 CTA 모션이 실제 전환 흐름에서 끊기지 않도록, 구현 방식을 다시 잡고 저사양 기기 성능과 WebKit 레이어 문제를 함께 안정화한 작업이에요. - 2024.06 ~ 2025.05
/ 기록 1개랠리에디터인터랙션 디자이너가 수기로 작성하던 개발 가이드 흐름을 GUI 타임라인 편집과 pseudo code 핸드오프로 바꾸고, 여러 타임라인과 Rally motion을 하나의 편집 상태로 다루는 구조를 잡은 작업이에요.