🖼️ UI-MUSEUM

이 곳은 리액트 컴포넌트를 전시하는 박물관입니다.

방문해 주셔서 감사합니다.

질문과 피드백은 언제나 환영입니다. 🙂

📢 프로젝트 동기

리액트로 개발하면서 직접 만들게 된 컴포넌트들을 해당 프로젝트에서만 사용하기에는 아쉬운 경우가 있어 이를 공유(전시? 자랑?)하고 싶어 시작하게 되었습니다.

🖱️ 데모 페이지

• 바로가기

📚 블로그 글

• [UI-MUSEUM] 수직 무한 롤링 배너 만들기 (Marquee)

🛠️ 기술 스택

🏢 프로젝트 구조

UI-MUSEUM
 ┣ src
 ┃ ┣ assets
 ┃ ┃ ┣ github-mark.svg
 ┃ ┃ ┣ moon.svg
 ┃ ┃ ┗ sun.svg
 ┃ ┣ components
 ┃ ┃ ┣ Footer
 ┃ ┃ ┣ Header
 ┃ ┃ ┣ InputRange
 ┃ ┃ ┣ Main
 ┃ ┃ ┣ Modal
 ┃ ┃ ┣ ModalCard
 ┃ ┃ ┣ Showcase
 ┃ ┃ ┣ ShowcaseList
 ┃ ┃ ┗ ThemeToggle
 ┃ ┣ exhibits
 ┃ ┃ ┣ DontClickButton
 ┃ ┃ ┣ LikeButton
 ┃ ┃ ┣ 점점 추가할 예정
 ┃ ┃ ┣ MyComponent
 ┃ ┃ ┗ index.ts
 ┃ ┣ Layout
 ┃ ┣ stores
 ┃ ┃ ┣ ModalStateSlice
 ┃ ┃ ┣ WindowSizeSlice
 ┃ ┃ ┗ index.ts
 ┃ ┣ styles
 ┃ ┃ ┣ GlobalStyles
 ┃ ┃ ┣ ResetStyles
 ┃ ┃ ┗ theme
 ┃ ┣ utils
 ┃ ┃ ┣ childEventListener.ts
 ┃ ┃ ┣ debounce.ts
 ┃ ┃ ┣ getComponentInfo.ts
 ┃ ┃ ┣ resizeArray.ts
 ┃ ┃ ┣ selectExhibits.ts
 ┃ ┃ ┗ shuffleArray.ts
 ┃ ┣ App.tsx
 ┃ ┣ main.tsx
 ┃ ┗ vite-env.d.ts
 ┣ .gitignore
 ┣ index.html
 ┣ LICENSE
 ┣ package.json
 ┣ README.md
 ┣ tsconfig.json
 ┣ tsconfig.node.json
 ┣ vite.config.ts
 ┗ yarn.lock

📄 라이센스

이 프로젝트는 MIT 라이선스에 따라 라이선스가 부여됩니다. 자세한 내용은 LICENSE 파일을 참조해주세요.