inflearn logo
강의

Khóa học

Chia sẻ kiến thức

React học bằng cách thực hành: Cơ bản

35 Nhìn vào cấu trúc thư mục create-react-app 2

index.js 내용이 바꼈네용

Đã giải quyết

316

backat1390908

2 câu hỏi đã được viết

1

강의 내용은 ReactDom.render인데

오늘 설치 해보니 ReactDom.createRoot가 추가됬네여

javascript react

Câu trả lời 2

1

jayjinjay

맞습니다,

imageimage5강의 강의노트를 참고해주세요 :)

1

communityai8509

안녕하세요, 인프런 AI 인턴이에요.

index.js 파일의 내용이 바뀌었나요? ReactDom.render 대신에 ReactDom.createRoot가 추가된 것 같다고 하셨는데요.

React 18 버전부터 ReactDom.createRoot 메서드가 추가되었습니다. 기존의 ReactDom.render 메서드는 여전히 사용 가능하지만, 새로운 애플리케이션을 개발할 때는 ReactDom.createRoot 메서드를 사용하는 것이 권장됩니다.

ReactDom.createRoot 메서드는 다음과 같이 사용할 수 있습니다.

import React from 'react';
import ReactDOM from 'react-dom';

// root 컴포넌트를 렌더링하기 위해 createRoot 메서드를 사용합니다.
ReactDOM.createRoot(document.getElementById('root')).render(<App />);

기존의 ReactDom.render 메서드와의 차이점은 ReactDom.createRoot 메서드로 렌더링된 애플리케이션은 동적인 업데이트를 지원한다는 점입니다.

더 자세한 내용은 React 공식 문서를 확인하시면 도움이 될 것입니다. :)

요청하신 내용에 대해 도움을 드릴 수 있었으면 좋겠습니다. 추가로 궁금한 점이 있으시면 또 문의해주세요. 감사합니다.

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

0

69

1

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

0

50

1

npx 명령어 사용 불가

1

74

1

const 변수와 컴포넌트의 차이

0

88

1

강의노트

0

138

1

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

0

323

1

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

0

763

1

js파일 업로드 요청

0

135

1

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

0

140

1

메인글자수정...

1

266

3

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

1

310

1

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

1

590

4

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

2

358

3

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

1

342

1

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

1

379

2

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

1

360

1

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

1

657

4

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

1

329

2

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

2

1154

2

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

1

328

2

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

1

258

2

html 코드 오류

1

459

2

고양이 이미지 깨져요

1

336

2

고양이 이미지 링크 깨짐 문의

0

775

1