본문 바로가기

개인 프로젝트/포트폴리오 프로젝트

[210521] 매핑 문제 & 정적 리소스 경로 읽어오기 문제 해결

 

.

 

매핑 문제를 해결했다. 사실 프로젝트를 새로 생성하고 매핑이 되는지 확인한 다음에 덮어씌운 게 다라서 해결했다고 할 수도 없다. 프로젝트를 아직 많이 진행하지 않았기 때문에 이렇게 할 수 있었다. 똑같이 코드를 복붙했는데 새로 생성한 프로젝트에서는 잘 되었다. 전에 생긴 문제는 왜 그랬던건지 아직도 모르겠다. 다른 삽질을 하다가 설정을 잘못 건드리기라도 한 걸까? 다시 에러가 생겼을 때 잘 해결할 자신이 없으니... 다시 에러가 안 생겼으면 좋겠다. 

 

매핑 문제가 해결되니 정적 리소스 경로 문제도 금방 해결할 수 있었다! 역시 내가 경로를 잘못 입력한 게 문제였다. 

이전 프로젝트에서는 resources 아래에 css, js, assets 폴더를 두고, index.html에서 css로 접근할 때의 경로를 "../css/styles.css"로 설정하였다. 해당 html이 있는 경로를 기준으로 css 파일을 찾는다고 생각했기 때문이다. 

 

resources/static 폴더 아래에 assets, acc, js 폴더를 둔 다음, 경로를 "css/styles.css"로 설정하니 리소스를 잘 읽어올 수 있었다. 

 

지금은 header, footer같은 공통 요소를 다른 html과 분리해서 include하도록 구현하고 싶다. 그래서 thymeleaf에 대해 공부할 예정이다. 처음에 기술 스택을 정할 때 thymeleaf를 사용할 계획은 없었으나, 추후 spring에 대해 공부하면서 spring은 jsp를 권장하지 않으니 thymeleaf나 freeMarker를 사용하는 게 좋다는 사실을 알게 되었다. 인프런에서 스프링 강의를 들을 때 thymeleaf를 조금 사용해 본 만큼 더 알아봐야 겠다는 생각이 들었다.