1. UI 라이브러리 종류

• Onsen UI
• Ant Design
• React Semantic UI
• React BootStrap
  • bootstrap
    • 유명한 front-end open source toolk
    • JQuery과 강하게 결합되어 있음 / 반응형 웹 개발에 특화
  • 반응형 웹 : xs / md / lg
  • Sass : @import 해서 쓸 수 있음
  • 익숙한 UI : Bootstrap 을 그대로 가져옴
• Material UI✅
• TailwindCSS 공식사이트✅
• React spring
• Framer Motion

2. 정리

• 필요에 따라서 라이브러리를 찾고(alternatives)
• 공식 문서로 라이브러리에 대해 파악하고(Introduction)
• 공식 문서 따라 설치하고(Installation)
• 공식 문서 예제(Examples) 따라해보고 api 문서 보고 적용해본다

라이브러리의 트렌드 또한 빠르게 변한다. 2년전에 당연했던 선택들이 지금은 당연하지 않다. 결국 스스로 새로운 라이브러리를 적용해보는 능력(경험)이 관건!

라이브러리의 적용은 정답이 없다. 맞는 것도 없지만 틀린 것도 없다. 만든 이의 설명과 가이드에 따라 내 프로젝트에 적용하는 것으로 성공적임. 계속 시도 / 반복 시도 / 새로운 기술에 대한 호기심과 궁금증으로 Just do it!