Springboot + Javascript

Question

제가 개인 프로젝트를 해보고자하여 프로젝트 생성을 했는데요백엔드는 스프링부트, 프론트엔드는 순수 자바스크립트를 사용하고자 합니다.뭐 웹팩이라던지 자바스크립트 모듈화 이런 것들을 공부하면서 진행할 생각입니다.제 생각인 단순히 스프링부트 + jsp/thymeleafe 사용할 때처럼 스프링부트 + html 파일에 자바스크립트 연결하면 원하는 결과를 얻을 줄 알았는데 아니더군요단순 html을 실행했을 때는 스크립트가 잘 적용되는데 프로젝트를 빌드해서 페이지를 띄우면 스크립트가 적용되지가 않습니다.구글링을 해보니 html에서 스크립트 연결시 defer 옵션을 주면 페이지가 모두 로드된 후에 해당 외부 스크립트가 실행된다고 하여 적용해봤는데 원하는 결과를 얻지 못했습니다.Controllerpackage com.mmind.mmind_dev.controller; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.RequestMapping; @Controller public class CommonController { @RequestMapping(value = "/") public String mainPage() { return "index.html"; } }index.html title app.jsclass App{ constructor(){ const newCanvas = document.createElement("H1"); const newContent = document.createTextNode("환영합니다!"); newCanvas.appendChild(newContent); document.body.appendChild(newCanvas); } } window.onload = () => { new App(); };이렇게 구성되어 있는데 제가 원하는 결과(프로젝트 빌드시 환영합니다!가 적히 html 띄우기)를 얻으려면 어느 부분을 수정해야 할까요??참고로 프로젝트 빌드가 아닌 단순 html을 실행 했을 때는 아래와 같이 잘 뜹니다.제가 아는게 없다보니 어떻게 구글링해야될지도 모르겠고 무엇을 공부해야되는지도 아예 감이 안잡힙니다. 순수 자바스크립트가 아닌 뷰나 리액트 같은 프레임워크를 써야 가능한건가? 이런 생각밖에 안드네요. 가르침 주시면 감사하겠습니다.

Mambo · Accepted Answer

리소스 패키지의 경로를 유심히 살펴볼 필요가 있습니다. 힌트라면 /templates/js 라는 경로 자체는 커스터마이징 하지 않는 한 스프링 부트의 기본 경로는 아닙니다. 브라우저는 /templates/js 경로를 서버에 요청했는데 서버는 처리할 리소스가 없는 요청이에요.잘 이해가 되지 않는다면 스프링 부트 공식 문서의 정적 리소스(Static Resources)를 찾아보세요.

Springboot + Javascript

1개의 답변

기술 목록