Create-React-App

Corini·2022년 4월 30일
1

React (완료)

목록 보기
2/16

**Create-React-App**

https://velog.velcdn.com/cloudflare/hoho_0815/8a407f13-94e3-4338-bb47-147f658a1a56/react.jpg

Create-React-App

React App을 만드는 방법

라이브러리의 활용

  • React의 package를 다운로드 받는다고 바로 사용할 수는 없습니다.
  • 추가적인 아래와 같은 라이브러리들이 필요 합니다.
  • 물론 이외에도 존재 합니다. https://user-images.githubusercontent.com/87301268/161710170-401f516c-abe1-469e-922b-d9ae2cc2f092.jpg

Boiler Plate (Create-React-App)

  • 복잡한 환경 설정까지 다 해놓은 package 를 감싼 package
  • 미리 틀을 준비하고 사용만 하면 됩니다. https://user-images.githubusercontent.com/87301268/161710425-38d8736d-1c94-4266-92a6-837937acfa95.jpg

Create-React-App

설치 방법

npx create-react-app 이름

설치 후 초기 프로젝트 파일

.
├── README.md
├── package-lock.json
├── package.json
├── public
│   ├── favicon.ico
│   ├── index.html
│   ├── logo192.png
│   ├── logo512.png
│   ├── manifest.json
│   └── robots.txt
└── src
    ├── App.css
    ├── App.js
    ├── App.test.js
    ├── index.css
    ├── index.js
    ├── logo.svg
    ├── reportWebVitals.js
    └── setupTests.js

React 실행

npm start // 종료는 터미널에서 ctrl+c 후 y 누르기

https://user-images.githubusercontent.com/87301268/161721629-7ebfa225-def5-4f58-84e1-e5c2676fcfeb.png

참고

profile
Coding is playing!

0개의 댓글