[React] 리액트(React)에서 부트스트랩(Bootstrap) 사용하기

문제발견

"리액트 컴포넌트에 부트스트랩을 이용한 스타일링은 어떻게 할까?"

 

문제해결

1. public / index.html 에 부트스트랩 시작을 위한 코드를 추가한다

https://getbootstrap.com/docs/5.3/getting-started/introduction/

 

2. 적용하고 싶은 컴포넌트에 클래스를 이용하여 부트스트랩 스타일링을 한다

https://getbootstrap.com/docs/5.3/layout/columns/

 

결과