[React] React에서 Bootstrap 사용하기

React를 사용하는 환경에서 Bootstrap을 사용하는 방법을 알아보겠습니다!

 

우선, React 프로젝트가 생성되어 있는지 확인 후, 아래를 진행하도록 합니다.

만약 프로젝트가 만들어져 있지 않을 시, 꼭 React 프로젝트를 만든 후 진행합니다!

 

만든 React 프로젝트 내에서 

npm install react-bootstrap@next bootstrap@5.1.1

 

다음 명령어를 입력하여 react bootstrap을 설치 합니다.

 

 

 

그 후, 부트스트랩을 사용하고자 하는 코드 내에서 Button을 사용하고자 한다면 import를 해줍니다!

import Button from 'react-bootstrap/Button';

 

 

 

참고 사이트

https://react-bootstrap.netlify.app/getting-started/introduction/