리액트 프로젝트를 할때 우리는 직접 css를 쓸것인지 아니면 css 라이브러리를 쓸것인지 선택해야한다. 사실 모든 css를 직접 쓷것은 조금 귀찮고 시간을 낭비할수있다.(그리고 무엇보다 안예쁠수있다...) 그래서 우리는 css 라이브러리를 쓴다. 많은 라이브러리들이 있지만 그중에서도 많이 쓰이는것은 Material UI, Bootstrap, Semantic, and Bulma 정도가 되겠다.
// 터미널에서 이런식으로 라이브러리를 설치할수있다
npm install @material-ui/core
//또는
yarn add @material-ui/core
2.Bootstrap
특징 :부트스트랩은 가장 흔하게 사용되고 사용자의 포트폴리오를 웹 개발자만큼 보이도록 도와주는 프레임워크 이다.많은 회사들이 이력서에 부트스트랩을 써본 경력이 있는것을 선호한다고 한다. 사용하기에 쉽다고 얘기할수는 없으나 개발자에게 많은 디자인 옵션을 주고 매력적인 디자인을 선보인다고 할수있다.
npm install react-bootstrap bootstrap
// 또는
yarn add react-bootstrap bootstrap
//then you'll want to import it and any other Component to your //components
import Button from 'react-bootstrap/Button';
npm install semantic-ui --save
//또는
yarn add semantic-ui --save
$ npm install --save react-bulma-components
//또는
$ yarn add react-bulma-components