리액트의 특이한 점
- 자바스크립트에 CSS import 가능
- html같이 생긴 코드 작성 가능
index.js는 제일 처음 실행되는 파일
ReactDOM 패키지에서 ReactDOM 객체를 export하고 index.js에서 import한다.
그 후 ReactDOM객체에 render() 함수를 호출한다.
render함수는 두가지 인자를 받는다.
첫번째 인자: root 컴포넌트
두번째 인자: 브라우저에서 특정 요소 선택
App에 index.html의 #root를 렌더링하라는 뜻이다.
(참고로 reactDOM과 같은 패키지나 APP같은 js 파일은 .js 제거해서 삽입해도 됨)
public폴더의 index.html
리액트는 single page application이므로 index.html만 브라우저에 전달됨
index.html에는 다음 코드만 있는데
<div id="root"></div>이 root에 컴포넌트들을 연결시켜 준다
🌞