인텔리제이의 HTML에서 정적 자원 인식 문제 해결

인텔리제이에서 스프링부트 프로젝트의 HTML이 정적 자원인, 자바스크립트 파일을 인식하지 못 하는 문제를 해결합니다.

코드를 작성할 때, 인텔리제이가 자바스크립트 파일을 인식하지 못해 불편함이 있습니다. 이 문제는 실제로 애플리케이션을 실행할 때는 영향을 주지 않지만, 코딩 시 오류를 발생시킬 수 있어 해결이 필요합니다.

원인

스프링 부트 프로젝트에서 HTML에 자바스크립트 파일을 임포트할 때, 자바스크립트의 경로를 제대로 찾지 못하는 문제가 발생합니다. 이는 인텔리제이의 리소스 디렉토리 설정 때문입니다.

해결 방법

인텔리제이의 Project Structure 창에서 src/main/resources/static 디렉토리를 리소스로 추가합니다.

tip

Ctrl + Alt + Shift + S를 눌러 Project Structure 창을 열 수 있습니다.