useRef 썸네일형 리스트형 리액트에서 무한 영역 UI 만들기(feat. requestAnimationFrame, useRef) 프로젝트: 채식 지도(가명) 키워드: infinite UI, requestAnimationFrame, mouse event, touch event, useRef 상황 피드백 페이지는 포스트잇이 무한히 나열된 UI로 구현하고자 한다. 마우스나 모바일기기의 터치를 이용하여 원하는 방향으로 움직일 수 있어야한다. 또한, 손가락을 움직이다가 뗐을 때 속도가 점점 감속되면서 멈춰야한다. 해결 과정 무한한 것처럼 보이기 위해선 어떤 장치가 필요할까? 를 먼저 고민해보았다. 내가 생각한 답은 자연스럽게 특정 영역을 계속 순환하는 것이었다. 복사 영역 복사 영역 복사 영역 복사 영역 메인 영역 복사 영역 복사 영역 복사 영역 복사 영역 위의 표와 같이 실제로 유의미한 '메인 영역'이 중앙에 위치하고 그 주변은 복사 영.. 더보기 이전 1 다음