BootStrap vs. Material-UI

"성공적인 웹 어플리케이션은 UX 디자인과 사용자 인터페이스 모두에 대한 강력한 기반을 갖추어야 한다." - 
Brad Frost

 

	BootStrap	Material-UI
what?	반응형 웹사이트 개발을 위한 CSS, HTML, JS 프레임워크	Material Design 원칙을 따르는 React UI 프레임워크
개발 주체	트위터	Meterial Design - 구글 MUI - unnamed team
적용 예시	에어비앤비, 드롭박스, 애플뮤직, 트위터 ...	NASA, Amazon, Unity, Google 및 모든 제품...
grid sys	완벽 반응형 디자인 제공. 12열 그리드 시스템.
infomation layout	모바일 및 데스크톱(모바일 우선) 용	모바일 및 데스크톱(데스크톱 우선) 용
dependency	불필요한 구성 요소 포함되어 있어 상당히 무거움. JS script 제거에 시간을 할애하지 않으면 속도 느려짐	React 기반. 타사 라이브러리가 없는 순수 CSS의 material Design.
개발 용이성	재사용 가능한 코드 덕에 개발속도 빠른 편.	개발 속도는 부트스트랩보다 느리지만 템플릿 사용하여 속도 향상 가능.
커스터마이징	모든 사용자에게 친숙한 UI/UX 제공. 인터페이스의 일관성 제공 등...	사용자 경험의 일관성이 낮음. 독특하고 쉬운 맞춤형 디자인 제공.