📖 프로젝트 생성후 내부 확인 - index.html
리액트 프로젝트 생성후
index.html 파일 내부를 확인하면
제일 중요한 바디태그가 있고 <div id="root"><div>로
바디 태그가 단 하나만 존재한다.
페이지는 하나라고 생각하면 된다.
페이지는 하나이지만 안에 그려지는 내용만 JavaScript가 바꿔줌으로써
리로딩이 될 필요가 없어지는 것이다.
이로써 웹사이트를 모바일앱처럼 사용을 할 수 있게 되어진다.
📖 프로젝트 생성후 내부 확인 - index.js
index.js파일에서 document.getElemnetById('root') 태그는 아예 안 쓰일 수는 없고
실행후 단 한번 쓰인다.
이 index.js 파일의 역할은 즉 index.html 파일과 App.js 파일을 연결해주는 연결고리 역할을 한다.
HTML파일에다 JavaScript를 얹어줘야 하므로
root라는 getElementById를 들고와서 여기다가 <App /> 이라는 리액트 컴포넌트를 얹어준다.
이 역할을 ReactDOM.render() 메서드가 해준다.
개발 내 하는 모든 작업들은 App에 들어가게 된다.
개발하는 곰🐻