2025 . 오은

repo

VR 공간 커스텀

2023.08.01 ~ 2023.10.25

개인matterportSDKThree.js
detail image
detail image
detail image

🗝️ 주요 기능 및 특징

  • - Matterport R3F
  • - VR 공간에 GLB 삽입
  • - VR 공간에 mp4 삽입

🤔 기술적 의사결정

  • SSG
  • 정적 페이지의 속도와 SEO 향상을 위해 Next.js의 static 빌드를 모든 페이지에 적용하였습니다.

  • matterport-web-component
  • iframe 대신 웹컴포넌트로 적용하기 위해 matterport-web-component 라이브러리를 사용하였습니다.

💥 트러블 슈팅

  • 타입스크립트 리팩토링
  • 기존 자바스크립트로 작성되어있던 코드를 타입스크립트로 리팩토링하며 SDK 등 외부 라이브러리의 타입을 사용하는 부분에서 어려움을 겪었습니다. d.ts를 적절히 사용하여 해결하였습니다. 결과적으로 대부분 리팩토링 할 수 있었지만 몇몇 부분 any 가 남아있습니다. 추후 수정 예정입니다.