Programming/웹개발 (1) 썸네일형 리스트형 [React/Nextjs] 스크롤 창 버튼 네비게이션 컴포넌트 만들기 웹사이트에서 좌우 스크롤로 넘겨보는 UI는 마우스를 사용하는 사용자 입장에서는 불편할 수도 있습니다.모바일로 접속하는 사용자에게는 문제가 없겠지만 다양한 사용자에게 동일한 UX를 제공하는 것도 중요합니다.UI 레이아웃위 사진과 같이 좌우 화살표로 메인콘텐츠에 있는 스크롤 영역을 제어하는 형태가 되겠습니다.코드먼저 전체적인 구조부터 잡아주겠습니다.ScrollableButtonNav.tsximport React from "react";interface ScrollableButtonNavProps { children: React.ReactNode; className?: string;}const ScrollableButtonNav: React.FC = ({ children, className,}) => .. 이전 1 다음
