seokhun.dev
postsaboutguestbookplayground
All
2 posts
All
Project
[UI-MUSEUM] 수직 무한 롤링 배너 만들기 (Marquee)

UI-MUSEUM 프로젝트 간단한 디자인의 UI-MUSEUM 페이지 UI-MUSEUM은 내가 만든 리액트 컴포넌트를 전시할 수 있는 웹사이트입니다. 핵심 기능으로는 여러 컴포넌트를 자동으로 보여주기 위한 수직 무한 롤링 배너와 모달을 통한 상세 보기가 있습니다. 프로젝트 동기 UI-MUSEUM이라는 프로젝트는 리액트로 개발하면서 직접 만들게 된 컴포넌트들을 해당 프로젝트에서만 사용하기에는 아쉬운 경우가 있어 이를 공유하고 싶어 시작하게 되었습니다. 물론 스토리북과 같은 훌륭한 대체재도 고려할 수 있지만, 언제든지 필요한 기능을 추가하고 원하는 형태로 보여주기 위해서 프로젝트를 시작하게 되었습니다. 프로젝트의 독창성을 더하고 점점 많아질 컴포넌트를 큐레이션하여 자연스럽게 보여주기 위해 무한 롤링 배너를 도입하게 되었습니다. 그리고 사용자가 직접 스크롤을 하는 대신 스크롤을 내려주는 느낌을 주기 위해 일반적인 롤링 배너의 방향인 수평 대신 수직 롤링 배너를 선택하여 프로젝트를 시작하…

2023.02.19
Project

© Powered by seokhun