inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

처음 만난 리액트(React)

chapter 6 실습

717

오지윤

작성한 질문수 1

1

같은 실습 코드를 mac에서 돌렸을 경우에는 잘 작동되고 윈도우에서 돌리면 오류는 뜨지 않으나 작동되지 않고 빈화면만 출력되는데 이유가 무엇인가요?

HTML/CSS javascript react

답변 2

2

오지윤

image위 사진이 윈도우에서 돌아간 화면 입니다.

image이 사진이 맥에서 돌아간 화면입니다.

0

Inje Lee (소플)

우선 맥에서 나온 에러 메시지를 보니 리액트 버전17 기준의 코드를 사용하신 것 같습니다.

먼저 아래 링크에 있는 코드를 참고하셔서 createRoot()를 사용하는 리액트 버전18 코드로 변경해 주시고, 윈도우도 동일하게 변경해서 다시 한 번 해보시기 바랍니다.

https://github.com/soaple/first-met-react-practice-v18/blob/master/src/index.js

 

그리고 '같은 실습 코드'라고 하셨는데,

지금 첨부해주신 화면 상으로는 윈도우와 맥에서 완벽하게 동일한 버전의 패키지, 동일한 코드가 돌아가고 있지 않을 수 있을 것 같습니다.

같은 실습 코드라고 말씀하신 것이 어떻게 같은 것인지(예: 같은 git repository로 관리되는 코드) 설명해주시면 문제를 파악하는데 더 도움이 될 것 같습니다.

1

Inje Lee (소플)

안녕하세요, 소플입니다.

혹시 윈도우에서 크롬 개발자 도구를 열어 보셨나요?

개발자 도구의 콘솔 탭에 에러 메시지가 나와 있을 수 있으니 한 번 확인해보시기 바랍니다!

 

감사합니다.

강의가 삭제되었다고 합니다

0

109

1

이거 왜 존재하지 않는다고 뜨는건가요

0

136

1

존재하지 않는 수업이라고 떠요

0

184

1

안드로이드 에뮬레이터 오류

0

100

1

교재 구입해서 강의 들으려고 하는데 커리큘럼이 없어졌어요.

0

129

1

prevIsConfiromed 질문

1

144

2

chapter14 잘이해가 되지않습니다..

1

136

2

2025년 3월 리액트버전

1

204

2

npm 설치 오류

1

178

1

chapter_07 콘솔로그 질문드려요~!

1

128

2

안녕하세요 미니블로그 실습 질문드립니다.

1

179

3

에러가 떠요

1

219

3

Chapter6 질문 드립니다

1

210

2

실습 코드 있을까요?

1

208

2

상태가 업데이트될때 컴포넌트 최상단의 console.log 코드가 두번 실행되는 이유가 궁금합니다.

1

234

2

npx create-react-app my-app 명령어 입력이 잘못된 것 같습니다

0

309

3

이름과 코멘트 줄바꿈이 안 됩니다.

0

142

1

버튼이 안 뜹니다

0

305

2

npx create-react-app my-app

1

471

2

jsx 코드 작성해보기에서 index.js 수정 후 에러 뜹니다.

1

377

3

Chapter_05 터미널, 리액트 에러

0

194

2

npx create-react-app my-app 명령어 반응없음

1

433

3

import 코드 에러

1

215

1

백틱

1

122

1