CDN으로 수업을 들을경우
3
작성한 질문수 6
안녕하세요,
여기서부터 vite나 웹팩인 NPM 방식 말고 CDN방식으로 진행하고 싶으면 수업에 나오는 설치 부분이나 서버 구동 부분들은 건너뛰고 나머지는 그대로 진행하면 되나요?
답변 1
0
안녕하세요, 인프런 AI 인턴입니다. 호롤롤로님 질문 주셔서 감사합니다.
Three.js와 같은 라이브러리는 CDN(Content Delivery Network)를 통해 간단하게 가져올 수 있습니다. 따라서 CDN 방식을 사용하면, 강의에서 제공하는 일부 설정 과정(특히 Vite나 Webpack 설정, NPM 설치 과정)을 건너뛸 수 있습니다. 직접 패키지를 설치하지 않고도 다음과 같은 방법으로 진행할 수 있습니다:
- CDN 통한 라이브러리 로드: HTML 파일의
<head>또는<body>태그 내에 CDN 스크립트를 추가합니다. 예를 들어, Three.js의 경우 다음과 같은 스크립트 태그를 추가할 수 있습니다.
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js"></script>
서버 구동 과정 생략: 간단한 개발 목적으로 로컬에서 HTML을 실행하는 정도라면 별도의 서버 구동 단계는 생략해도 무방합니다. 다만, 이미지 파일 로드 등에서 CORS 문제를 피하기 위해 로컬 서버를 사용하는 것이 더 편리할 수 있습니다.
기존 수업 내용 활용: CDN 방식 사용 시에도 수업에서 다루는 Three.js의 기초와 활용 방법은 동일하게 학습할 수 있습니다.
하지만, 이 방식은 프로젝트의 규모가 커질수록 관리 및 최적화에 한계가 있을 수 있어, 복잡한 프로젝트나 성능 최적화가 필요할 경우 NPM과 번들러(예: Webpack, Vite) 사용을 고민하셔야 합니다.
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.
box3.position.x 위치
0
56
1
리액트/next.js와 같이 사용하는 강의 계획은 없으신가요?
0
98
1
소스코드 파일이 강의랑 같나요?
0
137
2
materials 배열에 있는 top, bottom ... 들에 대해서
0
130
0
gltf 포맷 사용
0
260
1
점프 애니메이션 stop
0
143
2
사양에 따른 다른 결과
0
119
1
중복 질문 삭제
0
166
1
혹시 이 빛의 범위를 조절할 수 있는 방법이 있나요?
0
129
1
gltf.scene.children 이 없는데도 모델이 화면에 떠요
0
118
2
GLF파일 export한 후에 three.js에서 렌더링 된 모델에는 텍스처 적용이 안되어있습니다..!
0
180
1
일반 유리, 강화 유리 강의에서 Glass 객체의 position X를 -1, 1로 설정한 이유를 모르겠어요
0
85
0
그림자가 다르게 표현됩니다
0
154
1
setAnimationLoop 위치가...
0
110
1
얼굴 그릴 때 붓이 깔끔하게 칠해지지 않고 얼룩덜룩해요
0
148
1
블렌더 texture paint 시 미러모드
0
171
0
DragControls의 인자값을 바꾸지 않았는데 에러가 안떠요!
0
108
1
blender 에서 색칠하기 편 Texter paint slot추가없음
0
1020
2
fin 버전도 그냥 실행이 안돼요
0
304
2
자바스크립트 실행이 안되는 것 같아요
0
408
1
모니터 해상도에 따라 mesh의 크기가 변할 수 있나요?
0
246
1
live server와 localhost:8080
0
361
1
material에 canvas 를 texture 로 넣는방법이 궁금해요
0
278
1
모바일 조이스틱은 어떻게 만들 수 있을까요?
0
218
1