three.js

리액트, Next.js에서 three.js GLFT 모델 적용하기

https://www.kaen.site/ 위 화면처럼 포트폴리오 메인 화면에 사용될 Three.js를 적용하는 방법에 대해 공유하려합니다 자세한 내용보다는 해당 코드를 복붙해서 사용할 수 있는 정도로만 간단하게 공유할 예정입니다 리액트 세팅 우선 리액트 코드입니다 const loadingHandler = (toggle: boolean) => { setLoading(toggle); }; useEffect(() => { three(gltfName, loadingHandler); }, []); return ( SUNGHUN LEE Frontend Developer About me ) three라는 함수를 통해 gltfName과 loadingHandler를 전달해주면 gltf 폴더안에 해당하는 gltfName ..