JavaParkNet (109) 썸네일형 리스트형 [Thymeleaf] Thymol Static Imports 제목에서 말하듯 Thymeleaf 를 사용시 Thymol 을 통해 html 파일에서의 정적임포트가 가능하다. Thymeleaf 를 이용하여 include 한 파일을 jquery 의 get() 을 통해 해당 위치를 태그를 대체하는 형태로 동작하는데 크롬에서는 다음과 같은 에러를 발생하며 작동하지 않는다. (버전 28.0.1500.95 m) Failed to load resource: Origin null is not allowed by Access-Control-Allow-Origin. file:///C:/dev/workspace/proj1/src/main/webapp/WEB-INF/views/common/menu.html 이때 해당 사이트에서 제시한 아래의 방법을 적용하면 정적인 임포트가 가능하다. 그렇.. [Presentation] Deck.js Starter Demo http://ryan-roemer.github.io/deck.js-starter/#title Thymeleaf Extras Thymeleaf - Tiles 2 integration module https://github.com/thymeleaf/thymeleaf-extras-tiles2 Thymeleaf - Module for Internet Explorer conditional comments https://github.com/thymeleaf/thymeleaf-extras-conditionalcomments spring MVC + tiles 2.2.2 본 포스팅은 STS로부터 생성된 Spring MVC 를 기반으로 한다. 개요 레이아웃 프레임워크로 많이 사용하는 tiles 를 spring MVC 와 연동하는 것을 순서대로 적어본다. pom.xml pom.xml 파일에 tiles 설정과 관련한 라이브러리를 선언한다. 참고로 2012-07-11 에 Version: 3.0.1 이 릴리즈 되었다. 하지만 이 포스팅에서는 2.2.2 를 사용해보도록 한다. 1.63.1.1.RELEASE1.6.101.6.62.2.2 org.apache.tilestiles-extras${org.apache.tiles-version} servlet-context.xml 기존의 InternalResourceViewResolver 대신 TilesViewResolver 를 등록한다. ti.. [Eclipse] Eclipse Maven Local Repository Setting * 테스트 환경 - Windows 7 32bit- Eclipse 3.7 요즘 Eclipse 에 포함되어 있는 Maven 의 기본 로컬저장소의 위치가 다음과 같다. OS에 따라 차이가 있을 수 있고 필자는 Windows 7 을 사용중이라 다음 위치를 Maven 의 로컬저장소로 이용하고 있다. C:\Users\javapark\.m2 Eclipse 의 Window - Preferences - Maven - User Settings 를 통해 확인해볼 수 있다. 필요에 의해 로컬저장소의 위치를 변경하고자 하는 경우에 아래와 같이 settings.xml 파일을 생성하여 원하는 로컬저장소의 위치를 설정할 수 있다. settings.xml C:\workspace\repo 스프링(spring) + 타임리프(thymeleaf) 연동시 한글처리 Spring + Thymeleaf 연동시 한글 처리 sprng 에 thymeleaf 연동시 기본설정으로 한글이 깨지는 것을 볼 수 있다. 이때 다음과 같은 설정으로 한글처리를 할 수 있다. 아래의 방법으로 다른언어도 UTF-8 처리를 하여 깨지는 현상을 막을 수 있다. 1. web.xml ### xmlencodingFilterorg.springframework.web.filter.CharacterEncodingFilterencodingUTF-8encodingFilter/*spring encoding 을 위한 설정 2. servlet-context.xml### xmlThymeleafViewResolver 에 characterEncoding 값을 설정한다. 참고 UTF8 charset problem : ht.. PageSpeed Insights 이용하기 PageSpeed InsightsPageSpeed Insights is an open-source project started at Google to help developers optimize their web pages by applying web performance best practices. PageSpeed Insights started as an open-source browser extension, and is now available via PageSpeed Insights and as an API. 시작하기 전에1. 구글 계정 : https://www.google.com/accounts/NewAccount2. API key : 1) APIs Console(https://code.goog.. [소셜댓글] 티스토리(Tistory) + 라이브리(LiveRe) 연동 티스토리 + 라이브리 소셜댓글 LiveRe 를 블로그에 적용해 보았습니다. 티스토리 블로그에서는 두가지 방식을 사용할 수 있는데요. 1. 티스토리 플러그인 하나는 티스토리에서는 플러그인방식으로 쉽게 등록할 수 있는 방법입니다. 다음 순서에 따라 진행을 하면 관리자 메뉴 -> 플러그인 -> 플러그인 설정 -> 소셜댓글 LiveRe -> 키 발급 -> 확인 각각의 글마다 아래와 같은 화면을 얻을 수 있습니다. 2. 코드 직접 설치 또 하나는 라이브리 사이트에서 직접 코드를 얻어와서 등록하는 방법입니다. 이 방법도 그리 복잡하지는 않습니다. 사이트에 접속하여 LiveRe 설치하기 버튼을 누른후 순서대로 따라하면 코드를 얻을 수 있습니다. 이 코드를 티스토리의 원하는 위치에 붙여넣기 하여 아래와 같은 화면을 얻.. 이전 1 ··· 6 7 8 9 10 11 12 ··· 14 다음