본문 바로가기

전체 글111

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.. 2013. 8. 6.
[소셜댓글] 티스토리(Tistory) + 라이브리(LiveRe) 연동 티스토리 + 라이브리 소셜댓글 LiveRe 를 블로그에 적용해 보았습니다. 티스토리 블로그에서는 두가지 방식을 사용할 수 있는데요. 1. 티스토리 플러그인 하나는 티스토리에서는 플러그인방식으로 쉽게 등록할 수 있는 방법입니다. 다음 순서에 따라 진행을 하면 관리자 메뉴 -> 플러그인 -> 플러그인 설정 -> 소셜댓글 LiveRe -> 키 발급 -> 확인 각각의 글마다 아래와 같은 화면을 얻을 수 있습니다. 2. 코드 직접 설치 또 하나는 라이브리 사이트에서 직접 코드를 얻어와서 등록하는 방법입니다. 이 방법도 그리 복잡하지는 않습니다. 사이트에 접속하여 LiveRe 설치하기 버튼을 누른후 순서대로 따라하면 코드를 얻을 수 있습니다. 이 코드를 티스토리의 원하는 위치에 붙여넣기 하여 아래와 같은 화면을 얻.. 2013. 8. 1.
[소셜댓글] 티스토리 + Affogato Social comment 연동 티스토리에 SKPlanet 에서 제작한 Affogato Social comment 를 연동해 보았다. 사실 해외의 소셜플러그인인 Disqus 쪽에 관심이 있어 설치하려 하였는데 티스토리에서 막았는지 설치해도 화면이 나오지 않았다. (혹시 설치 방법을 알고 계신분은 공유좀..... 굽신굽신~) 그래서 방향을 국내로 돌려 괜찮은 소셜댓글 플러그인을 찾다가 SKPlanet 에서 제작한 Affogato Social comment 를 찾았고 바로 적용해보았다. Affogato 메인 화면이다. "코드 몇줄 만으로 여러분의 사이트에 소셜 댓글을 설치 할 수 있습니다." 라는 소개와 함께 반응형웹디자인이 적용된 화면이 나온다. 하지만 블로그에 코드를 추가하기 전에 SK플래닛 개발자센터에서 앱키를 발급받아야 한다. 앱키.. 2013. 7. 31.
[타임리프] From JSP to Thymeleaf 개요 웹 개발자와 퍼블리셔가 작업을 하면서 JSP 와 HTML 코드를 어떻게 관리해야 두번 작업 안하게 할까? 라는 고민에서 시작되었다. 보통 작업을 하면 HTML 관련 프로젝트는 퍼블리셔가 담당하고 이것을 개발자가 JSP 등의 웹 개발 언어로 개발하면서 두개의 프로젝트로 관리되어 작업을 해왔다. 그러면서 자연스럽게 웹개발자와 퍼블리셔가 프로젝트를 분리하지 않고 하나의 프로젝트에서 관리할 수 있는 방법은 없을까? 하는 생각이 들었다. 퍼블리셔 : 로컬에서 서버없이 화면을 제작/수정하고자 함웹개발자 : 서버를 통해 전달한 데이터를 포함한 온전한 화면의 개발 이쯤에 접한것이 바로 타임리프였다. 타임리프는 자바 라이브러리로 웹환경뿐만 아니라 서버없이도 동작하는 XML/XHTML/HTML5 템플릿 엔진이다. 타.. 2013. 7. 30.
[Maven] thymeleaf-extras-springsecurity3-2.0.0 다운로드 실패 현상 Thymeleaf 와 Spring Security 3.x 를 통합하는 과정에서 Maven info 를 등록 하였지만 다운로드가 실패하는 원인을 발견하였다. thymeleaf-extras-springsecurity3-2.0.0.pom 파일이 열리지 않는 현상이었다. Maven infogroupId: org.thymeleaf.extrasartifactId: thymeleaf-extras-springsecurity3version: 2.0.0 해결 원격 저장소의 thymeleaf-extras-springsecurity3-2.0.0.pom 파일이 수정되면 좋겠지만 일단 로컬저장소에 관련 jar 파일을 등록하여 해결하였다. mvn install:install-file -Dfile=e:\thymeleaf-ext.. 2013. 7. 29.
[Android] Remote debugging on Android [출처 : Remote Debugging on Android] 개요 모바일 웹 개발시 같은 사이즈의 화면임에도 불구하고 PC에서의 화면과 모바일에서의 화면이 차이가 발생하는 경우가 있다. PC화면에서는 크롬의 DevTools을 적극 활용하여 HTML이나 CSS, Script 등으로 변경하여 원하는 화면을 유도할 수 있지만 모바일에서는 쉽지 않았다. 하지만 다음의 방법들을 이용하여 모바일 화면도 디버깅할 수 있게 되었다. Google Developers 에서는 크롬 버전에 따라 다음과 같은 두가지 방식으로 모바일에서의 디버깅을 지원하고 있다. 1. Remote debugging with Chrome and ADBPlugin Android SDK 없이도 안드로이드 장치를 연결하여 디버깅할 수 있다. 크롬 베.. 2013. 7. 29.

티스토리툴바