사용자 맞춤형 운동 루틴 AI생성 서비스인 'fitnee' 프로젝트 진행 중 나를 막히게 한 UI 구현이 있었다. 처음에는 피그마로 정적인 이미지만 확인하고 구현을 시도했는데, 아래가 그 이미지이다. 구현해야 하는 기능 운동 중에는 타이머가 진행되며, 세트 완료 버튼을 누르면 오른쪽의 체크박스가 회색 → 민트색으로 변해 운동이 완료된다. 완료한 세트는 위쪽으로 올라가 사라진다. 그와 동시에 아래에서는 새로운 세트가 올라오며, 다음으로 진행할 세트에는 더 진한 색으로 변화를 줘서 사용자에게 알려준다. 이 상태를 0.3초 유지해 이를 더 쉽게 인지할 수 있도록 한다. 이러한 애니메이션이 진행됨과 동시에 바로 오른쪽의 ‘휴식 시간’ 페이지가 나온다. 사용자는 최대 30초의 휴식 시간을 갖을 수 있고, 만..
