etc30 [jqGrid cookbook] 1. jqGrid jqGrid를 시작하며 jqGrid 는 jQuery 기반의 그리드 플러그인입니다. 보통 테이블 기반의 데이터를 웹상에 표시하는 것보다 편집, 페이징, 검색, 정렬등의 부가적인 기능을 하는데 번거로울 수 있는데 jqGrid 를 이용하면 이를 좀 더 쉽게 구현할 수 있습니다. 물론 jqGrid를 사용하기 위해서는 사용법을 잘 지켜야 합니다. 사용법을 익히기 전에 먼저 jqGrid 예제를 하나 보겠습니다. 아래의 그리드는 테이블 형식의 데이터를 출력하는 것은 물론이고 각 컬럼에 대한 정렬, 검색, 새로고침, 페이징 등을 구현한 화면입니다. 코드량은 얼마나 될까요? HTML 단 2줄, 스크립트는 25줄이면 그리드를 표현하고 검색, 정렬, 페이징 등의 다양한 기능을 구현할 수 있습니다. 물론 데이터는 서버에 요청.. 2014. 1. 15. [소셜댓글] 티스토리[Tistory]와 디스커스[Disqus] 연동 티스토리[Tistory]와 디스커스[Disqus]와의 연동이 이제는 잘 됩니다. 여러 소셜댓글 시스템을 연동하면서 디스커스[Disqus] 만 안되어서 티스토리의 내부 문제로 보고 포기(?)하고 있었는데 오늘 자로 연동해보니 잘되는 것을 확인하였습니다. 디스커스[Disqus]를 사용하는 다른 분들의 끈임없는 요청으로 된것 같아 기분이 참 좋네요~ 오늘부터 자바파크 블로그에서도 디스커스[Disqus]로 바꿉니다. 2013. 10. 25. 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. [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. 이전 1 2 3 4 5 다음
