freejak5520/nextjs-12-components

Vite, React, TailwindCSS Components

To-dos

• Custom Radio
• 모바일 대응

Horizontal Scroll

• 가로 스크롤이 가능한 컴포넌트
• 모바일에서 터치로 스크롤
• 데스크탑에서 스크롤 UX 개선 필요
• 좌우 무한 스크롤
  • 좌/우 양 방향으로 무한 스크롤
  • 무한 스크롤 시 스크롤바를 숨김

Infinite Scroll

• 무한 스크롤이 가능한 컴포넌트
• 스크롤 시 추가 데이터 로딩
• 특정 스크롤 위치 도달 시 추가 데이터 로딩
• 내부 요소의 높이에 따라 자연스러운 위치 계산

Select

• UI 커스텀이 가능한 셀렉트 컴포넌트
• 셀렉트 박스 열기/닫기
• 영역 외 클릭 시 셀렉트 박스 닫기
• 열기/닫기, 항목 선택, 변경 등 이벤트 구현 필요

Custom Radio

• 디자인 가능한 버튼 컴포넌트를 활용한 라디오 컴포넌트
• 기본 라디오 컴포넌트와 동일한 기능
• 라디오 버튼 내 컴포넌트로 UI 커스텀 가능
• 라디오 버튼 선택 시 이벤트 구현
• 라디오 버튼 선택 시 UI 변경
• 재 사용 가능한 컴포넌트