인프런 커뮤니티 질문&답변

body의 dom부분에는 우리가 처음 코딩해둔 그대로 빈 값이 들어가있는게 맞아요~

 

번역을 하는 곳은

body 내부의 script 태그에 jsx문법으로 작성한 react 코드입니다 ㅎㅎ

이렇게 번역된 JavaScript는 babel이 head내부에 script태그로 집어넣어주어요.

이 JavaScript가 실행되면서 동적으로 body에 우리가 지정해둔 공간(<div id="app"></div>) 에 원하는 DOM이 그려지게 됩니다 ㅎㅎ