[Spring] 정적 파일 관리 및 적용 ( css, javascript, image )

 

 

 

 

 

정적 파일 관리

 

정적 파일을 관리하는 resources 폴더

javascript, css 등을 관리

 

정적 파일을 관리할 폴더 생성

 

css 파일 생성 후 작성

 

javascript 파일 생성 후 작성, img 폴더에 이미지도 추가

 

servlet-context.xml 에 있는 resources 관리 부분 ( location 이 리소스의 위치 지정 부분 )

 

jsp 파일에서 jstl 문법을 사용하여 url 을 path 변수로 설정하고 확인해본다

 

link 태그를 사용하여 css 도 적용

 

css, js 파일 경로 설정 및 별칭

/resources/css/ 경로의 파일을 /css/** 로 사용하겠다,  /resources/js/ 경로의 파일을 /js/** 로 사용하겠다

 

css 파일 생성 및 별칭 jsp 파일에 적용 ( 절대경로로 표현해봄 )

 

js 파일을 jsp 파일에서 불러와 js 파일 내에 선언해 놓은 test() 함수를 호출하여 버튼 클릭 시 사용 ( alert 함수 선언해 놓았음 )

 

js 파일 적용 영상