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

열심인 참새님의 프로필 이미지
열심인 참새

작성한 질문수

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

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

작성

·

469

·

수정됨

0

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

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


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

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

답변 2

0

1분코딩님의 프로필 이미지
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 페이지에서, 해당 방법 그대로 하시면 될 것 같습니다.

0

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

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

  1. spring 프로젝트의 jsp 페이지에 필요한 라이브러리 파일들을 추가해주세요. three.js와 함께 필요한 다른 라이브러리들을 CDN이나 로컬에 설치하여 사용할 수 있습니다.

  2. three.js 프로젝트의 파일들을 spring 프로젝트에 포함시키세요. 프로젝트 내의 적절한 위치에 파일들을 복사하거나, 모듈화하여 import할 수 있습니다.

  3. jsp 페이지에서 three.js 프로젝트의 기능을 호출하여 사용하세요. 예를 들어, 버튼 클릭 이벤트에 해당 기능을 바인딩하거나, 페이지 로딩 시에 해당 기능을 실행할 수 있습니다.

  4. 필요한 설정이나 데이터 전달이 있을 경우, spring 프로젝트와의 통신을 통해 데이터를 주고 받을 수 있습니다. Ajax를 사용하여 필요한 데이터를 서버로 전송하고, 응답을 받아와서 three.js 프로젝트에 적용할 수 있습니다.

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

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

열심인 참새님의 프로필 이미지
열심인 참새

작성한 질문수

질문하기