생활코딩 React 2022 3강 정리

수정

• index.js란?
  • 입구파일이다.
  • npm start를 이용해서 create react app을 구동시키면, index.js 파일을 찾고, 여기에 적혀있는 대로 동작하고 있는 것이다.
• index.js 안의 태그
  • UI 전체
  • import App from ‘./App’; => index.js가 위치하고 있는 디렉토리 안의 App.js로부터 이 태그가 왔다는 의미.
  • document.getElementById(‘root’) root인 태그로 rendering
    • root는 public의 index.html안에 root 태그가 있다.
• App.js
  • App() 함수 안에 구성된 내용이, 웹 화면을 구성하고 있는 것이다.
• App.css
  • 웹 페이지의 디자인은 이 파일에서 수정하면 된다.
  • index.css에도 디자인이 되어있다. 이 부분을 날리면 초기화되는 것.

배포

• [터미널] -> npm run build -> 빌드 명령의 시작 -> build라는 폴더가 생김 -> 파일의 용량을 줄이기 위해 공백이 없는 다이어트된 코드를 볼 수 있음 -> npx serve -s build -> 접속 가능한 주소가 나오고, 이를 누르면 서비스에서 사용가능한 버전의 파일이 만들어진다.