환경설정_웹 디자인 보완 부트스트랩

 

 

 

[1] 웹 디자인 

---

(1) 화면 구성 

html 

css

javaScript

...등등 

 

 

 

(2) 무료 부트 스트랩 

 

https://startbootstrap.com/

Start Bootstrap

 

 

 

(3) 선택한 무료 템플릿

 

https://startbootstrap.com/theme/sb-admin-2

Start Bootstrap

 

 

무료 다운로드 클릭 

 

그 중에서 나는 tables.html이 필요하기 때문에 

vscode를 통해 html을 실행시켰다 

 

필요한 부분을 넣어야할 list.jsp에 붙여넣는다 

 

 

 

부트스트랩 다운받아서 열린 폴더 중에 css, img , js , scss , vendor 를 복사해서 

resources에 넣는다 

 

 

servlet-context.xml 파일에 경로 참고 

 

 

조회하려는 list.jsp 파일의 경로를 수정한다 

 

 

css.js.img 등의 폴더가 resources 경로 바로 다음에 오고 

servlet-context.xml 파일에서도 경로를 /resources/ 로 설정하였기 때문에 

바로 /css/.... , /js/.... 등 다음 폴더 경로로 설정하여 적용한다