프로젝트 셋팅이 아닌 간단한 테스트용으로 threejs환경을 설정한다면
공식 사이트에서 다운로드 받아서 해당 폴더내에 build/three.min.js 파일을 넣으면 된다거나
Three.js – JavaScript 3D Library
threejs.org
html코드안에 CDN 경로를 통해 바로 다운받아 쓰는 방법이 있었는데
<body>
<div id="app"></div>
<script src="https://cdn.jsdelivr.net/npm/three@0.160.0/build/three.min.js"></script>
<script src="main.js"></script>
</body>
현재는 CDN 방식을 사용하면 deprecated 메세지가 나온다
v150부터 이전 방식들을 추천하지 않으며 r160부터는 완전히 삭제될 예정이라고 ㄷㄷㄷㄷ
앞으로는 ES 모듈 방식을 권장
🏓 html 안에
<script type="module">
import * as THREE from 'https://unpkg.com/three @0.160.0/build/three.module.js';
console.log(THREE);
</script>
🥏 외부 JS로
🔹html
<script type="module" src="main.js"></script>
🔹main.js
import * as THREE from 'https://unpkg.com/three @0.160.0/build/three.module.js';
console.log(THREE);'Threejs' 카테고리의 다른 글
| [Threejs] npm을 통해 threejs 설치하기 (1) | 2025.04.21 |
|---|
