React) React에서 Bootstrap 사용하기

리액프 프로젝트에서 index.html에 일반적으로 cdn 스크립트를 추가하는 것만으로는 bootstrap을 사용할 수 없다. 

리액트 프로젝트에서 아래 명령어로 bootstrap 를 설치한다. 

-save 옵션을 주면 package.json을 자동으로 업데이트해준다. 

$ npm install bootstrap -save

 

 

그 다음 가장 루트가 되는 index.js 파일에 가서 아래 임포트 구문을 추가해준다. 

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

 

 

• index.js 예시

import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';
import 'bootstrap/dist/css/bootstrap.min.css';

ReactDOM.render(<App />, document.getElementById('root'));

 

쏘간단!