생활코딩 : React - 설치, 실행, 종료, 코딩방법, 배포(1~9강)

<npm 설치중>

오류 'react-create-app'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는
배치 파일이 아닙니다.

해결법 npm install -g react-scripts 입력후 이어서 설치

 

<리액트 실행>

터미널 -> npm run start

 

<리액트 종료>

터미널-> ctrl + C 

 

 

<JS 코딩하는 법>

리액트는 class type으로 이용한다 (오른쪽)

 

화면에 표시되는 내용은 연결된 App.js 파일 안에 <div>내용</div> 이다.

 

 

<CSS 코딩하는 법>

import로 연결된 index.css 에서 작성한다. 저장하면 자동 실행.

 

 

 

<배포하기>

 

오른쪽 클릭 -> 캐시 지우고 강력새로고침 버튼

 

create-react-app은 무겁다!

 

터미널 -> npm run build 입력 -> build 폴더 생긴다

build 폴더 : src 폴더의 내용을 최적화 했다 (버그해결, 심미적 문제 해결)

실제 코딩은 build 안에 파일에서 하면 된다.

 

npm install -g serve : 컴퓨터 어디에서나 serve 명령어로 서버 설치 가능해짐

 

npx serve : 한 번만 실행시킬 때 다운 받는다

npx serve -s build : serve 다운 받을 때 root를 build로 하겠다

-> 주소를 알려준다 -> 그 주소로 들어간다 

->검사 -> network 들어가면 가벼워진 것을 알 수 있다!!