[React]프로젝트 생성 및 부트스트랩 설치
프로젝트 생성
새 프로젝트 생성하기
작업폴더 에디터로 오픈
터미널에 npx create-react-app shop
프로젝트 생성하면서 pwa 발행하는 방법
npx creat-react-app 프로젝트명 --template cra-template-pwa
shop이라는 프로젝트 에디터로 오픈
프로젝트 실행하기
터미널 창에서 다음과 같은 명령어로 프로젝트를 실행한다.
방법1.
yarn start
방법2.
npm run start
yarn 이란?
npm 대신 사용하는 자바스크립트 패키지 매니저 중 하나로 npm, npx보다 훨씬 빠르다.
맥에서 yarn 설치하기
brew install yarn
부트스트랩 설치
리액트에서는 리액트 버전 부트스트랩을 사용해야한다. 터미널을 열어 리액트 부트스트랩을 다운로드한다. 다운로드 방법은 리액트 부트스트랩 사이트에서 확인할 수도 있다.
npm install react-bootstrap bootstrap@5.1.3
yarn add react-bootstrap bootstrap@5.1.3
부트스트랩 css link를 index.html에 복사 붙여넣기 한다.
index.html
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css"
integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3"
crossorigin="anonymous"
/>
