• 강의자료 https://byeongjinkang.notion.site/Storybook-b3091ea1d2604808b3b7e2c2bc2c50f6

• 디자인 시스템 예시 Human Interface Guidelines | Apple Developer Documentation Material Design

• 초기설정 vite : 제일 간단하여 사용 tailwind : 테일윈드 사용법도 익히기 위해 사용

  npm create vite@latest
  
  

  스토리북 Install Storybook • Storybook docs 번들러별 추가설정 Vite • Storybook docs 테일윈드 Install Tailwind CSS with Vite - Tailwind CSS

tailwind css

스토리북

htmlfor

htmlFor에 input의 아이디나 네임을 적어 인풋과 연결합니다.

chromatic과 스토리북 CI/CD

웹 접근성

테스트 러너

인터렉션 테스트

굳이 필요없는 테스트 커버리지 테스트 /스냅샷 테스트 - 설정하기가 어렵고 , 관리가 어렵고, 최근버전과 호환되지 않음

공식적으로 deprecate된 테스트

etoe테스트 : 사이 프레스 쓰셈

Npm package 배포