[react 기록용, 쇼핑몰]2-1.세팅

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에서 필요한 구성의 코드 복붙