inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

처음 만난 리액트(React)

오류

248

kimseunghwan7777

작성한 질문수 23

0

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요!
- 먼저 유사한 질문이 있었는지 검색해보세요.
- 서로 예의를 지키며 존중하는 문화를 만들어가요.
- 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.

TemperatureInput.jsx 코드

Calculator.jsx

index.js

이렇게 했습니다. 이렇게 할 경우,

이렇게 뜨고, 저기에 입력할 경우,

이런 오류가 뜹니다.

 

오류의 부분에서 TemperatureInput.jsx 10번째 줄이 함수로 지정되어 있지 않다는 의미를 모르겠습니다. 또한 어느 부분에서 오류가 있기에 실행 화면에서 단위: " " 이 부분(" ")에 해당 문자가 뜨지 않는지 모르겠습니다.

javascript HTML/CSS react

답변 1

1

Inje Lee (소플)

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

TemperatureInput 컴포넌트로 props가 제대로 전달이 안되고 있는 것 같습니다.

props.onTemperatureChangeprops.scale 값이 모두 없어서 말씀하신 오류들이 발생하는 것입니다.

그리고 원래대로라면 TemperatureInput 컴포넌트가 화면에 2개가 나와야 하는데,

지금은 하나만 보이고 있는 것도 이상한 부분이네요.

TemperatureInput 컴포넌트 안에서 console.log(props); 로 로그를 한 번 찍어보시기 바랍니다.

그러면 조금 더 쉽게 원인을 파악하실 수 있습니다.

 

그리고 추가로 toCelsius함수 공식이 잘못되어 있고, tryConvert 함수 내에서 output * 100이 아니라 output * 1000이 되어야 합니다.

 

위 내용들 다시 한 번 점검해보시고 해결이 안 되신다면, TemperatureInput 컴포넌트의 console.log(props); 로그를 첨부해주세요~!

0

kimseunghwan7777

답변 감사합니다. 말씀해주신 부분 포함해서 코드를 다시 보고, 오류 찾았습니다.

index.js에서 calculator의 파일을 잘못적었네요,, from 뒤에를 이전에 실험하던 것에서 본 코드로 안 바꿔서 그랬음을 확인했습니다. 언제나 빠른 답변 감사합니다!

0

Inje Lee (소플)

아하 코드를 다시 보니 그렇게 되어있군요~

해결하셨다니 다행입니다!

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

0

112

1

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

0

141

1

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

0

186

1

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

0

102

1

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

0

133

1

prevIsConfiromed 질문

1

144

2

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

1

137

2

2025년 3월 리액트버전

1

206

2

npm 설치 오류

1

181

1

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

1

130

2

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

1

181

3

에러가 떠요

1

220

3

Chapter6 질문 드립니다

1

211

2

실습 코드 있을까요?

1

209

2

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

1

235

2

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

0

311

3

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

0

144

1

버튼이 안 뜹니다

0

305

2

npx create-react-app my-app

1

474

2

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

1

378

3

Chapter_05 터미널, 리액트 에러

0

197

2

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

1

435

3

import 코드 에러

1

216

1

백틱

1

123

1