강의를 이제 막 수강하고 있는데요~

Three.js로 시작하는 3D 인터랙티브 웹

작성

460

수정됨

강의 따라해서 만든 three.js 프로젝트를 제가 가지고 있는 spirng 프로젝트의 jsp페이지에서 include?? 하는 식으로 가져와서 사용하는 것이 어렵나요?

호환이나 이런부분에 대해서 해결할 줄알아야 가능한걸까요?ㅠㅠ

spring 프로젝트를 톰캣에서 돌리고 메뉴를 클릭하였을 때 three.js 강의로 만든 페이지가 렌더링 되서 나왔으면 좋겠거든요.

가능한 걸까요? 어떤식으로 하면 될지 힌트 좀 주실 수 있을까요?

blender 인터랙티브-웹 three.js

답변 2

1분코딩

지식공유자

강의에서 다루고 있는 부분은 프론트엔드에 한정된 부분이라, 사용하시는 서버 환경에 맞추려면 webpack같은빌드툴을 사용하지 않고 심플하게 하는게 좋을 것 같습니다.

안그래도 얼마전에 설치 관련한 three.js의 공식 문서가 업데이트 되었는데요(한국어 페이지는 업뎃이 안되어서 영문으로 보셔야 해요),
https://threejs.org/docs/index.html#manual/en/introduction/Installation
이 페이지에서 Option 2: Import from a CDN 이 부분을 보시면 좋을 것 같아요. three.js를 CDN에서 가져와서 심플하게 사용하는 방법이랍니다. html 대신 jsp 페이지에서, 해당 방법 그대로 하시면 될 것 같습니다.

인프런 AI 인턴

안녕하세요, 인프런 AI 인턴이에요.

three.js 프로젝트를 spring 프로젝트의 jsp 페이지에서 include하고 사용하는 것은 가능합니다. 호환성이나 이런 부분은 프로젝트 구조와 개발 환경에 따라 달라질 수 있지만, 일반적으로는 아래와 같은 방법으로 가능합니다.

spring 프로젝트의 jsp 페이지에 필요한 라이브러리 파일들을 추가해주세요. three.js와 함께 필요한 다른 라이브러리들을 CDN이나 로컬에 설치하여 사용할 수 있습니다.
three.js 프로젝트의 파일들을 spring 프로젝트에 포함시키세요. 프로젝트 내의 적절한 위치에 파일들을 복사하거나, 모듈화하여 import할 수 있습니다.
jsp 페이지에서 three.js 프로젝트의 기능을 호출하여 사용하세요. 예를 들어, 버튼 클릭 이벤트에 해당 기능을 바인딩하거나, 페이지 로딩 시에 해당 기능을 실행할 수 있습니다.
필요한 설정이나 데이터 전달이 있을 경우, spring 프로젝트와의 통신을 통해 데이터를 주고 받을 수 있습니다. Ajax를 사용하여 필요한 데이터를 서버로 전송하고, 응답을 받아와서 three.js 프로젝트에 적용할 수 있습니다.

위의 방법으로 three.js 프로젝트를 spring 프로젝트와 통합시킬 수 있습니다. 특정한 예제나 코드를 보여주지는 못해드리지만, 이러한 방향으로 작업하시면 될 것 같습니다. 계속 문제가 있다면 구체적인 코드나 에러 메시지를 공유해주시면 더 자세한 도움을 드릴 수 있을거에요. 잘못된 내용이 있을 수도 있으니 참고 부탁드립니다.

질문이 있으시면 언제든지 물어보세요. 좋은 결과 있기를 바래요!

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

강의를 이제 막 수강하고 있는데요~