[TDS 핥아보기 #1] Toss 버튼(타이틀 - 화살표)

안녕하세요 홍벨로퍼입니다! 오랜만에 인사드리는것 같네요! 오랜만에 돌아온만큼 재미있는 프로젝트를 진행해보려고 합니다! 개인적으로 토스앱을 정말 사랑하고 그만큼 많이 애용하고있는데요 😘 그래서 토스앱에서 사용하고있는 TDS를 직접 최대한 카피해서 만들어보고 공유하고자 합니다! 그래서 오늘은 토스의 버튼 디자인 시스템을 같이 관찰해보고 분석한뒤, React-Native로 재사용할수있는 컴포넌트를 만들어봅시다! 앱 살펴보기 토스 앱에는 화살표와 함께 동작하는 버튼이 있습니다. 이 버튼은 누르게되면 살짝 작아졌다가 다시 튕겨져 나오는 행동을 보이고있는데요 예전부터 이 통통 튀는 UI를 만들어서 재사용해보고 싶다는생각이 들었었습니다! 토스 앱 분석 개발에 앞서 먼저 UI를 분석을 해봅시다! 먼저 해당 컴포넌트의 ..

2024.02.03