React에서 App.js가 제일 처음 호출되는 이유는?

 

리액트는 번들러를 사용한다.

 

특히 리액트 프로젝트에서는 webpack을 주로 사용하는데, node_modules에 가 보면 webpack이 알아서 설치되어 있음을 확인하실 수 있다.

 

webpack은 가장 처음으로 읽어들이는 entry point부터 시작하여 필요한 모든 모듈을 다 불러온 뒤 번들링하여 한 파일로 합쳐서 bundle.js 에 저장하는 역할을 합니다.

 

 

webpack 설정파일에 가 보면 entry point가 index.js로 정의되어 있다.