inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

처음 만난 리액트(React)

리액트 연동 오류

827

b_b28

작성한 질문수 1

1

안녕하세요. 실습 따라하는데 리액트 연동이 안된건지 버튼이 페이지에 안뜨는데 코드를 비교해도 뭐가 문제인지 모르겠어요

HTML/CSS javascript react

답변 1

0

Inje Lee (소플)

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

index.html의 16번째 줄에 오타가 있습니다.

MyButtons.js => MyButton.js

오타를 수정하고 다시 실행해보시기 바랍니다!

 

그리고 앞으로 실습하시면서 애플리케이션이 제대로 작동하지 않을 경우에는,

크롬 개발자 도구를 열어서 콘솔 탭에 에러 메시지가 있는지 먼저 확인해보시면 좋습니다.

입문자 레벨의 대부분의 에러는 개발자 도구만 확인해도 쉽게 해결되는 경우가 많기 때문입니다😀

 

감사합니다.

0

b_b28

안녕하세요. 말해주신대로 수정하니 클릭 버튼은 나왔으나 버튼 클릭시 click here에서 clicked로 바뀌지 않아서 알려주신대로 개발자도구 들어가보니 사진과 같은 오류가 떴는데 뭐를 수정해야할 지 모르겠습니다. !!
Function.prototype.apply.call(console[level], console, argsWithFormat);
라는 부분이 문제가 있다고 나옵니다image

0

Inje Lee (소플)

MyButton.js 파일의 6번째 줄에 오타가 있습니다.

onclick => onClick

 

뒷 강의에서 나오겠지만 리액트에서는 이벤트의 이름을 쓸 때 camelCase를 사용합니다.

https://en.wikipedia.org/wiki/Camel_case

 

이 점을 참고해서 실습 진행하시기 바랍니다!

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

0

106

1

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

0

133

1

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

0

182

1

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

0

100

1

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

0

125

1

prevIsConfiromed 질문

1

141

2

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

1

135

2

2025년 3월 리액트버전

1

201

2

npm 설치 오류

1

174

1

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

1

127

2

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

1

178

3

에러가 떠요

1

218

3

Chapter6 질문 드립니다

1

208

2

실습 코드 있을까요?

1

205

2

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

1

233

2

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

0

307

3

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

0

139

1

버튼이 안 뜹니다

0

303

2

npx create-react-app my-app

1

470

2

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

1

375

3

Chapter_05 터미널, 리액트 에러

0

193

2

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

1

432

3

import 코드 에러

1

214

1

백틱

1

121

1