[React] React에서 Bootstrap 사용하기

카테고리 없음

hyerm_2 2021. 9. 22. 20:36

SMALL

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

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

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

만든 React 프로젝트 내에서

npm install react-bootstrap@next bootstrap@5.1.1

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

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

import Button from 'react-bootstrap/Button';

참고 사이트

LIST