'jsp'에 해당되는 글 3건

  1. [Java] [JavaScript] JavaScript 공통 라이브러리 임포트 JSP 작성하기
  2. [Java] 2013-03주차; 트렌드 및 키워드 수집
  3. [JavaScript] Eclipse에서 JavaScript 기본 편집기를 Aptana Studio 3로 변경하기

[Java] [JavaScript] JavaScript 공통 라이브러리 임포트 JSP 작성하기

* 튜토리얼이라기 보다는 내가 주로 사용하는 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.jarstandard-1.1.2.jar 라이브러리를 임포트해야 한다. maven jstl, maven standard 키워드로 구글링하여 쉽게 받을 수 있다.


* /WEB-INF/fragment/common-js.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"%>


<!-- jQuery v1.8.3 -->

<!-- http://jquery.com/ -->

<!-- v1.9.1은 Kendo UI Web GPL v2012.3.1114에서 미지원 -->

<script src="<c:url value="/resources/lib/jQuery/jquery-1.8.3.min.js" />"></script>


<!-- Kendo UI Web GPL v2012.3.1114 -->

<script src="<c:url value="/resources/lib/KendoUIWebGPL/js/kendo.web.min.js" />"></script>

<script src="<c:url value="/resources/lib/KendoUIWebGPL/js/cultures/kendo.culture.ko-KR.min.js" />"></script>


<!-- json2.js v2012-10-08-->

<!-- https://github.com/douglascrockford/JSON-js -->

<script src="<c:url value="/resources/lib/json2/json2.js" />"></script>


<!-- Knockout v2.2.1 -->

<!-- http://knockoutjs.com/ -->

<script src="<c:url value="/resources/lib/Knockout/knockout-2.2.1.js" />"></script>


<!-- Underscore.js v1.4.4 -->

<!-- http://underscorejs.org/ -->

<script src="<c:url value="/resources/lib/Underscore.js/underscore-min.js" />"></script>


<!-- Sugar v1.3.9 -->

<!-- http://sugarjs.com/ -->

<script src="<c:url value="/resources/lib/Sugar/sugar-1.3.9.min.js" />"></script>


<!-- Bootstrap v2.3.1 -->

<!-- http://twitter.github.com/bootstrap/ -->

<script src="<c:url value="/resources/lib/Bootstrap/js/bootstrap.min.js" />"></script>


<!-- Bootbox.js v3.2.0 -->

<!-- http://bootboxjs.com/ -->

<script src="<c:url value="/resources/lib/Bootbox.js/bootbox.min.js" />"></script>


<!-- Select2 v3.3.1 -->

<!-- http://ivaynberg.github.com/select2/ -->

<script src="<c:url value="/resources/lib/Select2/select2.min.js" />"></script>


<!-- X-editable v1.4.3 Bootstrap Build -->

<!-- http://vitalets.github.com/x-editable/ -->

<script src="<c:url value="/resources/lib/X-editable/js/bootstrap-editable.min.js" />"></script>


* 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" />">


저작자 표시 비영리 동일 조건 변경 허락
신고

[Java] 2013-03주차; 트렌드 및 키워드 수집

* Java 진영에서 현재 보편화된 View 구현은 스크립틀릿을 철저히 배제하고 JSTL을 이용하여 JSP 템플릿을 작성하는 것인데 Thymeleaf라는 Java 템플릿 라이브러리를 추천하는 글을 보았다. HTML5에 친화적이면서 Twitter Bootstrap과는 최고의 궁합이라고 하니 시간이 되면 공부를 해봐야겠다.


Goodbye JSP; Hello Thymeleaf by Yuan Ji

http://www.jiwhiz.com/post/2012/11/Goodbye_JSP_Hello_Thymeleaf


Spring MVC 3: ThymeLeaf integration by DuyHai DOAN

http://doanduyhai.wordpress.com/2012/04/14/spring-mvc-part-iii-thymeleaf-integration/


Thymeleaf by The THYMELEAF Team
http://www.thymeleaf.org/



* Eclipse를 사용하는데 도움이 되는 팁을 공유하는 글을 찾았다. 날코딩이 최고의 경지라고는 하나 생산성에 있어서 IDE를 최대한 활용하는 것도 능력이라고 생각한다. 글에서 소개한 Exception Breakpoints와 Logic Structure는 몰랐던 유용한 기능이다. 시간을 두고 숙지해야겠다.

My Top 10 Tips on how to be more productive with the Eclipse IDE by Jordi Bohme Lopez
http://eclipsesource.com/blogs/2012/10/26/top-10-tips-how-to-be-more-productive-with-the-best-ide/

Effective Java Debugging with Eclipse by Jordi Bohme Lopez
http://eclipsesource.com/blogs/2013/01/08/effective-java-debugging-with-eclipse/


저작자 표시 비영리 동일 조건 변경 허락
신고

[JavaScript] Eclipse에서 JavaScript 기본 편집기를 Aptana Studio 3로 변경하기

Eclipse에 기본 내장된 JSP Editor는 JavaScript에 대한 지원이 미약하여 코딩이 굉장히 불편하다.
구글링 결과 JSP Editor에서 JavaScript를 Java처럼 편리하게 작성하는 방법은 현재까지 없다고 결론내리고 <script></script> 태그 안의 작성되는 JavaScript를 별도의 .js 파일로 분리하고
Aptata Studio 3 플러그인이 제공하는 JavaScript Source Editor를 연결하기로 결정했다.

Eclipse에 Aptana Sutdio 3 플러그인 설치하기

- Help > Install New Software > Add >
- Name: 'Aptana Studio 3' >
- Location: 'http://download.aptana.com/studio3/plugin/install' > OK >
- 'Aptana Studio 3 Plugin' (체크) > Next > Next > Finish > OK > Restart Now


저작자 표시 비영리 동일 조건 변경 허락
신고