세팅하기
npm install react-bootstrap bootstrap
-> 터미널에 설치한다.
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css"
integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM"
crossorigin="anonymous"
/>
-> public 폴더의 index.html의 <head> 태그 안에 위 코드 넣어논다.
사용하기
-> 구글에 react bootstrap 검색 후 처음 나오는 사이트로 이동한다.
-> 검색 창에 필요한 요소들(컴포넌트) 검색 후 이용하면 된다.
'React' 카테고리의 다른 글
[React] public 폴더의 용도 (0) | 2023.12.16 |
---|---|
[React] HTML, CSS로 이미지 첨부, public 폴더 이용하는 법 (0) | 2023.12.16 |
[React] 이벤트 버블링(Event Bubbling)이란? (0) | 2023.12.15 |
[React] filter() 함수 설명과 예시 (0) | 2023.12.15 |
[React] props 문법 설명과 예제 (0) | 2023.12.14 |