Skip to content

🎨 (μ£Ό)μΈλ°”μ΄μ¦ˆμ—μ„œ κ΄€λ¦¬ν•˜λŠ” λ””μžμΈ μ‹œμŠ€ν…œμž…λ‹ˆλ‹€.

Notifications You must be signed in to change notification settings

FUBAR-ORG/INVAIZ-Design-System

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

41 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

INVAIZ Design System

πŸ‘€ Overview

  • (μ£Ό)μΈλ°”μ΄μ¦ˆμ˜ λ””μžμΈμ„ λ°˜μ˜ν•œ λ””μžμΈ μ‹œμŠ€ν…œ ν”„λ‘œμ νŠΈμž…λ‹ˆλ‹€.
  • React λΌμ΄λΈŒλŸ¬λ¦¬μ—μ„œ λ™μž‘ν•˜λŠ” λ””μžμΈ μ‹œμŠ€ν…œμœΌλ‘œ, @emotion 기반의 μŠ€νƒ€μΌμ„ μ§€μ •ν•©λ‹ˆλ‹€.
  • TypeScript둜 μž‘μ„±ν•©λ‹ˆλ‹€.
  • πŸ”© 개발 λ„κ΅¬λŠ” λ‹€μŒκ³Ό 같이 μ‚¬μš©ν•©λ‹ˆλ‹€.
    • λ²ˆλ“€λ§ 및 개발 μ„œλ²„ μ‹€ν–‰: Vite
    • μ»΄ν¬λ„ŒνŠΈ μœ λ‹› ν…ŒμŠ€νŠΈ: Jest, @testing-library
    • UI ν…ŒμŠ€νŠΈ: storybook
    • 문법 검사(정적 뢄석): ESLint
    • μ½”λ“œ ν¬λ§·νŒ…: Prettier
    • κ·Έ μ™Έ: Github Actions, chromatic
  • πŸ–ŒοΈ λ””μžμΈ λ„κ΅¬λŠ” Figmaλ₯Ό μ‚¬μš©ν•©λ‹ˆλ‹€.

πŸ›« Quick start

yarn add -D invaiz-design-system