0. yarn (안해도됨)
yarn 설치 - 사이트 구글링
yarn 사용법 - yarn add 00(install 방법), yarn start(개발 서버 구동)
2. 새로운 앱 프로젝트 생성
VScode로 폴더 열기->해당 폴더에서 npx create-react-app 00(프로젝트 이름)
VScode로 프로젝트 이름의 폴더 열기
3. Bootstrap 라이브러리 사용 (react bootstrap 사이트 참조)
(1) 터미널에 npm install react-bootstrap bootstrap 또는 yarn add react-bootstrap bootstrap 입력
(2) css 넣어주기
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css"
integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l"
crossorigin="anonymous"
/>(3) 사용
bootstrap 사이트에서 components에서 필요한 구성의 코드 복붙
'개발 > react' 카테고리의 다른 글
| [react 기록용, 쇼핑몰]2-3. 데이터 export, import (0) | 2021.04.04 |
|---|---|
| [react 기록용, 쇼핑몰]2-2.레이아웃(navbar, jumbotron, 3등분) (0) | 2021.04.04 |
| [react 기록용]1-13. input 입력 받아서 새로운 글 발행하기(다른 스테이트에 저장) (0) | 2021.04.01 |
| [react 기록용]1-12.input 입력 받아 state에 저장하기 (0) | 2021.04.01 |
| [react 기록용]1-11. (UI 제작 패턴) props를 응용 (0) | 2021.03.31 |