1. Materail-UI
장점
- 리액트 기반 UI 라이브러리
- 오랫동안 꾸준히 개발됨
- 가장 인기 있는 라이브러리 중 하나
- 구글 머테리얼 디자인을 기반으로 제작
- 타입스크립트 지원
- 다양한 기본 아이콘, 컴포넌트 제공
- 사용법이 쉬움
- 컴포넌트 사용에 대한 문서화가 잘 되어 있음 (영어)
- Styled-components와의 호환이 좋다.
단점
- 기존 디자인을 크게 변경하기는 어렵다
디자인
2. Ant Design
장점
- 인기 많음
- 다양한 컴포넌트, 깔끔한 디자인
- 타입스크립트 지원
- 중국에서 제작. 영문 문서 지원
디자인 매뉴얼이 잘 되어 있다.
- 디자인이 직선으로 이루어짐. 깔끔한 웹, 모바일을 만드는 데 적합
- Material-UI보다 진입장벽이 낮다. 더 쉽다.
- 컬러 구성이 모던하고 하나의 컴포넌트를 자유롭게 변형할 수 있다.
- 관리자 페이지 개발에 특화되어 있다.
단점
- 기본 언어는 중국어이다.
- 한국어로 된 자료가 부족한 편이다.
- 많은 것을 제공하는 만큼 용량이 크다. (별로 상관 없는 듯)
- Less 기반이라 styled-compoents와 호환이 별로다. Emotion은 어떨지?
혜경:
Antd와 Emotion을 사용해 봤다. 커스텀 스타일을 많이 안 해도 된다.
Antd를 보면서 디자인 시안 만들기
디자인
3. Bootstrap
HTML, CSS, JS 프레임워크
장점
- 쉽고 빠르며 다양한 기능들을 제공
- 다양한 디자인과 동적인 효과를 사용
- 모바일 환경과 반응형 웹 제작에 유리하게 사용
- 높은 퀄리티가 보장이 되기 때문에 시간을 단축하며 그로 인해 비용이 절감
단점
- jQuery에 의존성이 강하다.
- 정형화되어 있어 마음대로 디자인의 구성요소를 변경하거나
구형 브라우저에서 지원이 안되는 경우가 있다.
