Hello World

얼마전 Hibernate Tools 을 통해서 쿼리 -> Domain 변환에 대해서 설명했습니다. https://gs.saro.me/#!m=elec&jn=805 하지만 결과가 별로 마음에 들지 않았습니다. 직접 쿼리문을 domain과 리포지토리로 바꿔 줄 수 있는 것을 생각하던 중 자바스크립트로 처리해서 zip으로 내려받으면 어떨까 싶어서 찾아보던중 js zip 이라는 것을 알게되었습니다. JSZip 아래사이트에서 download JSZip 을 눌러 다운로드받습니다. dist -> jszip.js http://stuk.github.io/jszip/ 예제 다만 이렇게 할경우 파일 이름을 지정할 수 없으니 FileSaver.js를 사용하라고 나옵니다. - http://stuk.github.io/jszip/d..

자바스크립트 코드에서 이벤트 핸들러처리가 끝난 후 preventDefault() 와 return false 등의 코드를 본적이 있을 것이다. 간혹 stopPropagation() 호출도 보이는데 이들의 차이점을 알아보자 1) preventDefault vs return false, stopPropagation : jQuery를 사용하지 않은 경우 - stopPropagation 은 사용자 정의 이벤트의 bubbling up 되는 것을 막아준다 + 이벤트와 이벤트 핸들러를 찾기 위한 캡쳐링과 버블링에 대해 이곳을 참조한다. + 사용자 정의 이벤트는 개발자가 직접 이벤트 핸들러를 작성할 경우 + 즉, 사용자가 작성한 이벤트 핸들러의 동작을 막아준다 - preventDefault 는 기본 정의 이벤트의 동작을..

Introducing JavaScript Tips New year, new project. A JS tip per day!With great excitement, I introduce these short and useful daily JavaScript tips that will allow you to improve your code writing. With less than 2 minutes each day, you will be able to read about performance, conventions, hacks, interview questions and all the items that the future of this awesome language holds for us.At midday..

ui-state-default defaultui-state-hover mouse hoverui-state-focus 초점이 맞춰진 상태ui-state-active 활성화 상태ui-state-highlight 강조 표시ui-state-error 에러ui-state-error-text 글자만 에러 표시ui-state-disabled 사용할 수 없는 상태ui-helper-hidden 보이지 않게 만듦(display 속성 조작)ui-helper-hidden-accessible 보이지 않게 만듦(clip 속성 조작)ui-helper-reset 스타일 초기화(margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none, f..

원문 링크 http://api.jquery.com/load/.load( url [, data] [, complete(responseText, textStatus, XMLHttpRequest)] )Returns : jQuery개요 : 서버로부터 데이터를 받아서 일치하는 요소 안에 HTML을 추가합니다..load( url [, data] [, complete(responseText, textStatus, XMLHttpRequest)] )url 정보를 요청할 URLdata 서버에 보낼 데이터complete(responseText, textStatus, XMLHttpRequest) 요청이 완료되면 실행될 콜백 함수Note: 이 함수는 여기서 쓰는 것 말고 다른 용도의 쓰임새도 있습니다. .load() 입니다. ..

$('#box').is(':checked') 두둥 이거였다니..

jQuery를 사용해 보면 알겠지만, jQuery의 핵심은 확장집합(wrapped set, jQuery Object)이다.다음처럼 사용하면 var aaa = $('.foo');aaa는 확장집합을 가리키게 된다.즉 jQuery에 selector를 넘겨주면 그 selector에 해당하는 객체를 찾아서 모아놓은 확장집합이라는 객체가 리턴된다. 그런데 사용해 보면 알겠지만, 이 확장집합은 Array처럼 작동한다.즉 aaa[2] 이나, aaa.length, aaa.push(...) 등등을 사용할 수 있다는 말이다. 또한 당연한 이야기지만 aaa.html(...), aaa.each(...) 등등의 확장메소드도 사용할 수 있다.그러나 이 확장집합에 instanceof Array를 해보면 false가 리턴된다. 즉 A..

jQuery Doc가 영문이라, 마음은 급한데 해석은 안될때 가끔 참고하는 사이트. 너무나도 정리가 잘 되있어서 추천하고자 합니다. http://www.jquerykorea.net/