1. public - index.html
<div id="root"></div>
2. src - index.js
- React의 시작
ReactDOM.render( <App /> , document.getElementById('root')) - ReactDOM.render 함수의 인자는 두 개
- 첫 번째 인자는 화면에 보여주고 싶은 컴포넌트
- 두 번째 인자는 화면에 보여주고 싶은 컴포넌트의 위치
3. src - App.js
-
현재 화면에 보여지고 있는 초기 컴포넌트
-
Westagram 작업 시
<Login />컴포넌트,<Main />컴포넌트를 그 자리에 대체하여 작업하면 된다. -
React Router 를 배운 후에는 컴포넌트가 최상위 컴포넌트로 그 자리에 위치한다.
index.html = 웹 페이지에 보여주는 역할
index.js = html 파일 안에 어떤 컴포넌트 파일을 화면에 보여줄지 지정 (ReactDOM.render 함수를 통해서)
FE