inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

만들면서 배우는 리액트 : 기초

6 Babel

babel 질문입니다.

221

이범찬

작성한 질문수 1

1

저희가 소스를 작성한건 body인데 왜 head에 번역이 되어 들어가있나요

body에 들어가있어야 되는거 아닌가요?

javascript react

답변 1

0

진유림

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

 

번역을 하는 곳은

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

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

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

 

API 적용 안되는 코드 수정 방법입니다.

0

116

1

고양이 이미지가 엑박이 뜨네요

0

95

1

npx 명령어 사용 불가

1

103

1

const 변수와 컴포넌트의 차이

0

120

1

강의노트

0

175

1

vite로 리액트 빌드한 후 깃허브에 배포하는 방법

0

388

1

빌드할때 dist 폴더가 만들어지는데요,

0

872

1

js파일 업로드 요청

0

171

1

변경된 api 사용시 text 안나오는 문제

0

183

1

메인글자수정...

1

318

3

디렉터리 구조 관련하여 참고할 만한 예시가 있을까요?

1

341

1

https://cataas.com/undefined 로 나오는데 왜그런건가요?

1

656

4

고양이 사진이 깨져요.ㅜㅜ

2

400

3

강의 노트 위치를 모르겠습니다

1

370

1

깃 강의노트 어디서 볼 수 있나요?

1

417

2

이해가 안되는 부분이 있어요

1

389

1

api가 안불러와지네요...

1

715

4

진유림 선생님 너무 궁금해서 질문드립니다 ㅜ

1

372

2

react에서 컴포넌트 만들 때 대문자를 쓰는 이유

2

1207

2

https://cataas.com/ 여기 도메인이 죽어서 이미지가 보이지 않습니다 ㅠ

1

366

2

index.js 내용이 바꼈네용

1

346

2

프로젝트에 사용할 상태와 로직 관리 라이브러리 훅 사용 질문입니다.

1

286

2

html 코드 오류

1

489

2

고양이 이미지 깨져요

1

364

2