화면처리 기술-jstl,부트스트랩

JSTL 이란?
- HTML에서 자바코드를 간결하게 사용하기 위해 사용하는 라이브러리
- 서버단에서 전달하는 값을 받아서 사용하기 위함

JSTL 종류
- Core tag : 변수사용, 반복문, 조건문 기능 제공
- Fmt tag : 숫자, 문자열, 시간, 날짜 포맷팅 기능 제공

 

core tag

• 변수, 반복문, 조건문 태그 제공
• c tag를 앞에 붙여서 사용

 

fmt tag

• 숫자, 문자열, 시간, 날짜를 가공하는 태그 제공
• fmt tag를 앞에 붙여서 사용

 

부트스트랩이란?

• 디자인이 완성된 웹페이지이다.
• html, css, javascript 파일로 구성되어있다.
• 오픈 소스코드로서 다른 프로젝트에서 재활용하기 위해 만들어졌다.

 

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

SB Admin 2 - Free Bootstrap Admin Theme - Start Bootstrap

적용하기

1. 부트스트랩 사이트에서 템플릿을 다운로드 한다.
2. 압축파일을 해제한다.

3. 어플리케이션 재실행하기

4. 리소스 추가하기
템플릿의 css,img,js,scss,vendor 리소스 폴더를 복사하여 resources/static 폴더 밑에 붙여넣기

5. 리소스 경로 수정하기

6. 어플리케이션 재실행하기

7. 메인페이지에서 header div 영역 확인하기

8. 메인페이지에서 footer div 영역 확인하기

9. includes 폴더 생성, header.jsp footer.jsp 파일 생성
- JSP페이지에서 공통으로 사용되는 소스코드를 header.jsp와 footer.jsp로 분리
- 각 페이지에서 include 하는 방식으로 사용

10. list.jsp header.jsp footer.jsp 내용 수정

11. 어플리케이션 재실행하기

 

jQuery 라이브러리

• JavaScript의 라이브러리이다.
• 프로젝트내에 라이브러리 파일을 추가하여 사용한다.