Inflearn Community Q&A
asked
babel 질문입니다.
Written on
·
205
1
저희가 소스를 작성한건 body인데 왜 head에 번역이 되어 들어가있나요
body에 들어가있어야 되는거 아닌가요?
javascriptreact
Answer 1
0
jayjinjay
Instructor
body의 dom부분에는 우리가 처음 코딩해둔 그대로 빈 값이 들어가있는게 맞아요~
번역을 하는 곳은
body 내부의 script 태그에 jsx문법으로 작성한 react 코드입니다 ㅎㅎ
이렇게 번역된 JavaScript는 babel이 head내부에 script태그로 집어넣어주어요.
이 JavaScript가 실행되면서 동적으로 body에 우리가 지정해둔 공간(<div id="app"></div>) 에 원하는 DOM이 그려지게 됩니다 ㅎㅎ