[react]react-bootstrap 설치 방법

설치 방법

실 제작이 아니고 빠른 프로토타입 제작을 위해서 어떤걸 쓰면 될까 고민을 해봤는데, 역시 부트스트랩만한게 없을것 같았습니다.
이번 포스팅에서는 리액트에서 부트스트랩을 설치하는 방법에 대해 설명하겠습니다. 
당연히 리액트가 설치된 환경이어야 하구요.

터미널에 아래와 같이 입력합니다.

yarn add react-bootstrap bootstrap

설치가 제대로 됐는지 확인하려면 /src/App.js 에 이 코드를 작성합니다.

/src/App.js

import 'bootstrap/dist/css/bootstrap.min.css';
import { Button } from 'react-bootstrap';

function App() {
  return <Button>버튼</Button>;
}

export default App;

이제 터미널에 yarn start를 입력해 실행해봅시다.

잘 실행되는군요.

리액트 부트스트랩 링크
https://react-bootstrap.github.io/