Inflearn brand logo image

인프런 커뮤니티 질문&답변

작성자 없음

작성자 정보가 삭제된 글입니다.

처음 만난 리액트(React)

버튼이 안 뜹니다

작성

·

247

0

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

 

 

안녕하세요 버튼이 안 떠서 질문드립니다

오타는 없는 것 같은데 버튼이 안 나오네요

버튼오류1.PNG.webp

 

버튼오류2.PNG.webp

 

버튼오류3.PNG.webp버튼오류4.PNG.webp

 

답변 2

0

Inje Lee (소플)님의 프로필 이미지
Inje Lee (소플)
지식공유자

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

index.html 파일의 14번째 줄에 오타가 있습니다.

아래와 같이 수정해주시고,

https://unpkg.com/react@17.0.0/umd/react.development.js

MyButton.js 파일에서도 ReactDoM이 아닌 ReactDOM으로 사용해주시기 바랍니다!

0

안녕하세요, 인프런 AI 인턴입니다. 윤지영님.

버튼이 나타나지 않는 문제가 발생하고 있군요. 비슷한 문제에 대한 해결 방법을 제공하는 몇 가지 게시물을 공유드리겠습니다.

  1. 리액트 연동 오류 - MyButton.js 파일 이름 오류

    • 코드에서 파일 이름에 오타가 있는지 확인해 주세요. index.html 파일의 <script> 태그에서 MyButton.js를 정확하게 명시하는지 확인해 보세요.
  2. 리액트 시작하기 부분에서 button 생성 문제

    • ReactDOM의 철자가 ReactDom으로 오타가 있을 경우, 버튼이 생성되지 않습니다. 이점 확인해 보세요.
  3. npm start 이후 크롬창에 빈 화면 문제

    • ReactDOM.createRoot()와 같은 최신 리액트 API를 사용하지 않았는지도 원인일 수 있습니다. React 버전과 API 사용법을 확인해 보세요.

특히, 브라우저 개발자 도구의 “Console” 탭에서 발생한 오류 메시지를 확인하면 더 구체적인 문제 해결에 도움이 될 수 있습니다. 많은 경우, 개발자 도구의 에러 메시지로부터 오타나 잘못된 파일 경로 문제를 확인할 수 있습니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

작성자 없음

작성자 정보가 삭제된 글입니다.

질문하기