1. src/index.js: 입구파일
index.js: react 앱을 구동시키면 index.js 파일을 찾고 index.js 파일 안에 있는 내용대로 움직임
2. src/index.js로 시작되는 원리
현재 index.js 파일
src/index.js 에서 src/App.js 파일 불러옴 ➡️ <React.StrictMode> 안에 뿌려줌
src/App.js 내용을 뿌려줬다는 증거물
css 등 다른 파일도 잘 찾아보면 어딘가에서 갖고 오고 있는 것임...
3. index.html
최종적으로 src/index.js에 있는 파일은 public/index.html에 있는 #root를 찾아서 뿅 뿌려줌
4. 배포(npm run build)
개발환경 끄기: Ctrl + C
빌드: 배포판을 만드는 과정!
build 폴더 생성
용량을 줄이기 위해 공백조차 없는 최종파일이자 배포파일인 index.html 생성
5. serve -s build
빌드한 결과를 서비스할 때 serve라고 하는 앱을 사용하는 것을 추천
serve는 웹서버임
웹서버가 갖고 있는 옵션 중 -s라는 옵션을 사용하면
사용자가 어떤 경로로 들어오든 build/index.html 파일을 서비스해주게 됨
npx serve -s build
폰으로도 들어갈 수 있는 링크 생성~ 리액트 좋고만 허허
