티스토리 뷰
* 튜토리얼이라기 보다는 내가 주로 사용하는 JavaScript 라이브러리를 JSP에서 임포트하는 방법을 설명했다.
* JavaScript로 작성하는 부분은 .js로 분리해야 IDE 환경의 도움을 얻기 편하지만 소스 코드 중간중간 JSTL 태그 라이브러리를 사용할 필요가 있어 분리하지 않고 .jsp 파일 안에 작성했다. 아래와 같이 /WEB-INF/fragment/common-js.jsp 파일을 작성하고 템플릿 파일에서 <jsp:include page="/WEB-INF/fragment/common-js.jsp" /> 태그로 호출한다.
* JSTL 태그 라이브러리를 사용하려면 jstl-1.2.jar와 standard-1.1.2.jar 라이브러리를 임포트해야 한다. maven jstl, maven standard 키워드로 구글링하여 쉽게 받을 수 있다.
* /WEB-INF/fragment/common-js.jsp
* CSS 부분 또한 아래와 같이 /WEB-INF/fragment/common-css.jsp 파일을 작성하고 템플릿 파일에서 <jsp:include page="/WEB-INF/fragment/common-css.jsp" /> 태그로 호출한다.
* /WEB-INF/fragment/common-css.jsp
<%@ page language="java" contentType="text/html; charset=utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="sql" uri="http://java.sun.com/jsp/jstl/sql"%>
<%@ taglib prefix="x" uri="http://java.sun.com/jsp/jstl/xml"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ taglib prefix="s" uri="http://www.springframework.org/tags"%>
<!-- Bootstrap v2.3.1 -->
<!-- http://twitter.github.com/bootstrap/ -->
<link rel="stylesheet" href="<c:url value="/resources/lib/Bootstrap/css/bootstrap.min.css" />">
<link rel="stylesheet" href="<c:url value="/resources/lib/Bootstrap/css/bootstrap-responsive.min.css" />">
<!-- Kendo UI Web GPL v2012.3.1114 -->
<link rel="stylesheet" href="<c:url value="/resources/lib/KendoUIWebGPL/css/kendo.common.min.css" />">
<link rel="stylesheet" href="<c:url value="/resources/lib/KendoUIWebGPL/css/kendo.default.min.css" />">
<link rel="stylesheet" href="<c:url value="/resources/lib/KendoUIWebGPL/css/kendo.bootstrap.min.css" />">
<!-- Select2 v3.3.1 -->
<!-- http://ivaynberg.github.com/select2/ -->
<link rel="stylesheet" href="<c:url value="/resources/lib/Select2/select2.css" />">
<!-- X-editable v1.4.3 Bootstrap Build -->
<!-- http://vitalets.github.com/x-editable/ -->
<link rel="stylesheet" href="<c:url value="/resources/lib/X-editable/css/bootstrap-editable.css" />">
- Total
- Today
- Yesterday
- bootstrap
- JHipster
- Kendo UI
- Spring MVC 3
- Spring Boot
- jpa
- jstl
- node.js
- kotlin
- 로드 바이크
- maven
- 구동계
- 자전거
- jsp
- Eclipse
- JavaScript
- DynamoDB
- CentOS
- java
- Kendo UI Web Grid
- 알뜰폰
- graylog
- 태그를 입력해 주세요.
- MySQL
- chrome
- 로드바이크
- Docker
- spring
- Tomcat
- 평속
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |