index.js의 코드를 리뷰해보겠다.
import React from "react";
import ReactDOM from "react-dom";
import Routes from "./Routes";
import "./styles/common.scss";
import "./styles/reset.scss";
ReactDOM.render(<Routes />, document.getElementById("root"));
import는 내가 사용할 기능을 가져오는 것이다.
index.js에서 공통 scss를 import한다.
import React from "react";
이 컴포넌트에서 react 기능을 사용하기위해 import 한다.
import ReactDOM from "react-dom";
import Routes from "./Routes";
ReactDOM과 Routes도 사용한다는 뜻이다.
ReactDOM.render(, document.getElementById("root"));
DOM에서 html에 있는 ID가 root인 요소를 가져와 render하여 Routes 컴포넌트를 실행시킨다.