[React Bootstarp] 리액트부트스트랩 시작하기

 

 

★ 설치방법은 여기로!

=> https://coding-with-jina.tistory.com/159

[React Bootstarp] 리액트 부트스트랩 설치하기

 

 

 

1. 리액트부트스트랩(https://react-bootstrap.netlify.app/components/buttons/#buttons) 사이트

오른쪽 검색창에 찾고자하는 태그를 검색하기

 

 

2. 검색한 태그 중에서 마음에 드는 디자인의 소스를 복사

3. app.js 에서 원하는 위치에 복붙

 

4. 그리고 꼭 해야하는 것!

복사붙여넣기할 때 대문자로 시작하는 컴포넌트이름은 상단에 import 해와야 함.

import {Button} from 'react-bootstrap'

※ 만일 대문자가 여러개라면 이런식으로 콤마 뒤에 이어붙이기

import {Button, Navbar, Container, Nav} from 'react-bootstrap'

 

5. 끝!