2022-08-03

TODO #

• npm 의존성 문제
  • git repository로 라이브러리를 배포하는 것이 의존성 관리 측면에서 유지보수하기 까다로움
    • 특히 전사 공통으로 사용되는 컴포넌트 라이브러리의 경우 의존성 관리가 중요함.
    • npm의 git repository로부터 의존성을 설치하는 기능은 버그가 많고, 적극적으로 유지보수되지 않는 것으로 보임.
    • peerDependencies 등에서 예상과 다르게 동작하는 것 등을 경험함.
    • git repository로 부터 설치하는 과정은 느림.
      • git clone -> node_modules install (빌드를 위해 devDependencies 까지 설치함) -> 빌드 -> 산출물 폴더 외 정리 (빌드를 위해 설치한 devDependencies 등 제거)
  • npm Private Registry를 구축하여 공통 라이브러리들을 관리하면 dependencies, peerDependencies 등을 활용할 수 있음.
  • SemVer 스펙에 따라 명시적으로 버전 관리 가능. npm의 모든 기능들 활용 가능
• Tailwind CSS important 옵션에 대한 테스트
  • Tailwind CSS에서 유틸리티 클래스가 항상 최우선적으로 적용되도록 하기 위해 important 옵션을 사용하는 설정이 적용되어 있음.
    • Configuration - Tailwind CSS
    • Why we use !important with Tailwind — Sebastian De Deyne
  • important 옵션이 적용된 설정이 stove-ui 사용자 측에서 커스텀 용이한 지에 대해서 실사용 후 결정하려고 함.
  • 컴포넌트를 실사용 하면서, 컴포넌트 Variation으로 정의되어 있지 않지만 디자인 토큰을 따라 유틸리티 클래스로 커스텀해야 하는 경우가 생길 수 있음.
    • ex) Input (Fill) 이지만, 서비스 배경 색상에 따라 다른 색상을 사용할 경우
  • 해당 케이스에 대한 클래스 오버라이딩 시 이슈가 없는지 테스트

Learning #

• WCAG
• WAI-ARIA