Create-React-App

최현호·2022년 4월 5일
0

React

목록 보기
2/27
post-thumbnail

Create-React-App

React App을 만드는 방법

라이브러리의 활용

  • React의 package를 다운로드 받는다고 바로 사용할 수는 없습니다.
  • 추가적인 아래와 같은 라이브러리들이 필요 합니다.
  • 물론 이외에도 존재 합니다.
    KakaoTalk_20220405_171531882

Boiler Plate (Create-React-App)

  • 복잡한 환경 설정까지 다 해놓은 package 를 감싼 package
  • 미리 틀을 준비하고 사용만 하면 됩니다.
    KakaoTalk_20220405_171532197

Create-React-App

설치 방법

npx create-react-app 이름 

yarn

1. npm install -g yarn
2. yarn 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

삭제 파일

  • App.test.js
  • logo.svg
  • reportWebVitals.js
  • setupTests.js

React 실행

npm start // 종료는 터미널에서 ctrl+c 후 y 누르기
스크린샷 2020-02-16 오후 10 28 25

참고

profile
현재 블로그 : https://choi-hyunho.com/

0개의 댓글