본문 바로가기

개발 아카이브

(92)

개발 아카이브/JavaScript [책 추천] 자바스크립트 코딩 기법과 핵심 패턴 보호되어 있는 글입니다. 2014.09.22
개발 아카이브/JavaScript [책추천] 인사이드 자바스크립트 보호되어 있는 글입니다. 2014.09.22
개발 아카이브/jQuery [Form] Form reset jQuery 에서 $('#form').reset() 이 정의되어 있지 않다라고 나온다 이때 Form에 대한 reset 을 하는 방법은 다음과 같다. // 첫번째 폼 지정$("form")[0].reset(); // 특정 폼 지정$("#form").each(function() { this.reset(); } 참고 : http://rocabilly.tistory.com/30 2014.09.16
개발 아카이브/jqGrid [jqGrid] 멀티셀렉트에서 체크박스 선택시 모드 변경하기 멀티셀렉트( multiselect : true) 옵션을 사용했을 경우 오직 체크박스에 대해서만 onSelectRow 이벤트를 적용하려면 다음과 같은 코드를 이용한다. beforeSelectRow: function (rowid, e) { var $myGrid = $(this), i = $.jgrid.getCellIndex($(e.target).closest('td')[0]), cm = $myGrid.jqGrid('getGridParam', 'colModel'); return (cm[i].name === 'cb'); } 참고 : 1. http://stackoverflow.com/questions/7627512/jqgrid-multiselect-limit-the-selection-of-the-row-only-.. 2014.09.15
개발 아카이브/jQuery XML에 하위 노드 추가하기 jQuery 를 이용하여 XML의 하위노드에 데이터를 추가하기 위한 방법이다. var xmlData = $.parseXML( "" );var _xml = $.parseXML( "" ); $(xmlData).children(0).append($(_xml).children(0)); xmlData, _xml 이 xml object 인 경우 생략해도 된다. 2014.08.27
개발 아카이브/jqGrid [jqGrid] 그리드를 생성 후 xmlstring 데이터를 동적으로 로드하는 방법 다음은 버튼을 클릭하여 로딩한 데이터를 그리드에 적용하는 예제입니다. 그리드를 만든 후에 xmlstring 타입의 데이터를 동적으로 로드하여 사용하기 위해 정리한 내용이고 jsonstring 의 경우도 같은 방식으로 적용할 수 있다. 우선 datatype:'local' 지정 후 datatype 을 변경하면서 적용하는 것이 포인트다. 2014.08.22
마크쿼리를 이용한 티스토리 반응형 웹 디자인 적용 개발 아카이브/블로그 아카이브 마크쿼리를 이용한 티스토리 반응형 웹 디자인 적용 티스토리의 장점은 스킨을 사용자가 자유롭게 꾸밀 수 있다는 것인데요. 유독 모바일에서만은 제한이 있었습니다. 하지만 2013/08/13 일자로 티스토리에 모바일웹 스킨 On/Off 기능이 생기면서 모바일 페이지도 자유롭게 꾸밀 수 있게 되었습니다. 그렇게 되면서 반응형 웹 디자인 티스토리에 대해 열심히 검색을 하였습니다. 그 중 마크쿼리를 알게 되었고 티스토리 적용 문서도 정말 쉽게 잘 되어 있었습니다. 스킨 적용하고 구글 광고 달고 조금 수정했더니 지금과 같은 멋진 스킨이 되었네요. 마크쿼리 너무 고마운 스킨이네요. 한동안 계속 쓸것 같네요~~~^^ 고마워요 마크쿼리~~~~~~!!!! 참고 마크쿼리 : http://markquery.com/마크쿼리 티스토리 설치 가이드 : http://markquery.. 2014.07.25
개발 아카이브/WEB [PageSpeed] PageSpeed Insights Rules 보호되어 있는 글입니다. 2014.07.14
개발 아카이브/Java·Spring [Spring + Thymeleaf] 국제화 메세지 처리 Thymeleaf 에서 메세징 처리를 위해서는 다음과 같이 적용할 수 있다. servlet-context.xml META-INF/message/messages 에 파일 추가 messages_en.propertiestest=testtest.param=Test {0} messages_ko.propertiestest=테스트test.param=테스트 {0} Test.html 에서의 thymeleaf 문법 또는 기본값기본값 기본값 ${#messages.msg('test')} 는 test 키 값이 없을 경우 ??test?? 라는 기본 메세지 형태로 출력이 되고${#messages.msgOrNull('test')} 의 경우에는 null 을 리턴한다. 위의 설정대로 진행하면 URL 요청시 파라메터로 ?lang=en, .. 2014.06.24
개발 아카이브/Java·Spring jsdoc3 maven plugin 사용법 jsdoc 을 이용하면 javadoc 과 같이 javascript 파일에 대한 api 를 자동으로 생성할 수 있다. 물론 jsdoc 생성과 관련한 주석에 대한 규칙을 알아야 하지만 이번에는 jsdoc3와 maven 의 연동에 대해서만 짧게 작성하려 한다. 우선 사용한 jsdoc3-maven-plugin 은 여기에 잘 설명되어 있다. 그중 내가 사용한 부분의 코드는 다음과 같다. com.github.phasebashjsdoc3-maven-plugin1.0.7 com.github.phasebash jsdoc3-maven-plugin 1.0.7 true ${basedir}/src/main/webapp/resources/js ${basedir}/src/main/javascript Run the Mojo.mvn .. 2014.06.23

SMALL