npx create-react-app .을 실행하고
3000번 포트로 접속하면
첫 앱을 볼 수 있다.
[생성된 구조 확인]
node_modules
public
src
[index.js]
앱을 실행할 때 처음으로 실행되는 파일은 index.js 파일이다.
상단 import 명령으로 필요한 모듈을 가져온다.
react 의 root를 정의
root에 컴포넌트를 render 한다.
<App /> 지워보기
App 컴포넌트는 어디서 온걸까?
바로
import App from './App'; 이다.
App.js 파일에서 가져온 것이다.
(App.js 열어보기)
하나씩 바꿔보기
(App.css 열어보기)
하나씩 바꿔보기
(배포판 만들어보기)
npm run build
build 폴더가 생성됨
npx service -s build
실행시켜 빌드된 파일 서비스하기
접속해보기