React Bootstrap 이란?

React Bootstrap 홈페이지

원래 웹 페이지를 만들기 위해선 버튼, 네비게이션 바, 텍스트 필드, 리스트 아이템, 풋터(footer), 헤더(header) 등을 개발자가 따로 정의하고 만들었어야 했다. 하지만, React Bootstrap을 쓰면 이런 기본 레이아웃에 투자해야 하는 시간을 단축시킬 수 있다.

시작하기

1. 프로젝트 디렉토리에 다음 명령어를 작성한다.

   npm install --save react-bootstrap
   npm install --save bootstrap

2. App.js 또는 index.js에 다음을 import 한다.
   이것을 해줘야 Bootstrap의 컴포넌트에 스타일시트가 적용된다.

   import 'bootstrap/dist/css/bootstrap.min.css';

3. 이제 필요한 컴포넌트를 문서에서 찾아 쓰면 된다.