수업 들은 예제들을 리액트 프로젝트에서 열어보려고 react-create-app 으로 프로젝트 생성한 다음
컴포넌트 만들고 canvas 태그 만든후 useRef로 접근하여 렌더러 생성해주었습니다.
그리고 gltfLoader 사용해서 만든 glb 파일 불러오려는데&nbsp;
GLTFLoader.js:185 SyntaxError: Unexpected token &lt; in JSON at position 0
자꾸 이렇게 에러가 뜹니다 ㅠㅠ 어떤게 문제인가요..?

해당 에러 메시지는 웹서버에서 gltf를 처리하지 못하는 경우(gltf 파일을 찾지 못하고 html 페이지를 반환)에 발생하는데요, 리액트에서 three.js를 사용할 경우 이런 저런 이슈들 때문에 (저도 아직 사용해보지는 않았지만) react-three-fiber를 사용하는 것 같습니다. <a href="https://github.com/pmndrs/react-three-fiber">https://github.com/pmndrs/react-three-fiber</a>
도움이 될만한 링크도 찾아보았습니다. <a href="https://theubermensch.tistory.com/189">https://theubermensch.tistory.com/189</a> <a href="https://dev.to/trevorzylks/three-js-react-three-fiber-basics-and-loading-3d-models-gltf-5g80">https://dev.to/trevorzylks/three-js-react-three-fiber-basics-and-loading-3d-models-gltf-5g80</a> <a href="https://relatablecode.com/how-to-use-three-js-in-a-react-app-to-render-a-3d-model">https://relatablecode.com/how-to-use-three-js-in-a-react-app-to-render-a-3d-model</a>

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

혹시 gltfloader