삶의 모든 순간을 즐겨라!

출처: http://www.codejs.co.kr/jquery-jsonp/ 웹은 Same origin policy이 동일한 도메인상의 요청만 가능하도록 제한하였지만, 도메인간 데이터 통신으로부터 다이나믹한 웹구현을 위한 방법으로 JSONP가 나오게 된것이다. jQuery의 ajax를 이용한 두가지 jsonp 요청 방법을 지금부터 소개 하겠습니다. 첫번째,..

출처: http://funnygangstar.tistory.com/m/post/view/id/165 프론트엔드 개발을 하다보면 코드를 고칠때마다 브라우저로 돌아가서 리프레쉬 버튼을 수도 없이 누른 경험이 있었을 것이다. 이에 대한 대안으로 소스를 고치면 자동으로 브라우저가 리프레쉬 될 수 있도록, 브라우저의 확장 프로그램을 쓰..

출처: http://funnygangstar.tistory.com/m/post/view/id/154 RequireJS로 모듈화 하자 앞서 RequireJS를 간단히 언급한 바 있는데 RequireJS를 한마디로 정의하면 ‘AMD 스펙을 구현한 자바스크립트 모듈 로더’라고 할 수 있다. Asynchronous Module Definition의 약어인 AMD는 비동기적으로 의존 모듈을 로드할 수 있도록 ..

출처: http://funnygangstar.tistory.com/m/post/view/id/149 Knockout으로 양방향 데이터 바인딩 다이내믹한 UI를 가진 웹 페이지를 만드는데 있어서 절실히 필요한 기능중에 하나는 서버로부터 전달 받은 데이터와 UI를 나타내는 HTML 간에 데이터가 양방향으로 유지(Synchronization)되도록 하는 것이다. 리스..

출처: http://whitesnake.uzoo.in/172 1. 리스트 아이템이나 버튼에서 텍스트가 잘리지 않게 하기.리스트 아이템이나 버튼의 텍스트가 길 경우에는 jQuery Mobile에 의해 자동으로 잘리게 된다.이를 방지하기 위해서는 "white-space:normal;"을 CSS에 추가하면 된다.버튼을 위한 예제는 아래와 같다. .ui-btn-text..

출처: http://blog.naver.com/ouksoo21/130110176170 레티나 관련해서 Retina.js 를 사용하려다가 좀 더 찾아보니 간단하게 이렇게 하면 되네요... Tip 감사합니다. (__) var retina = window.devicePixelRatio > 1 ? true : false; if ( retina ) { // the user has a retina display } else { //the user has a non-retina display } 으로 해결할 수 있..

[아이폰] [출처] http://gotoweb.wordpress.com/2010/01/11/%EC%95%84%EC%9D%B4%ED%8F%B0%EC%97%90%EC%84%9C-%EC%9B%B9%ED%8E%98%EC%9D%B4%EC%A7%80-%EC%86%8C%EC%8A%A4%EB%B3%B4%EA%B8%B0/ javascript:var sourceWindow = window.open('about:blank'); var newDoc = sourceWindow.document;newDoc.open(); newDoc.write('' + 'Source of ' +document.location.href + '' +''); newDoc.close(); var pre..

출처: http://pskppoppo.egloos.com/3146846 (function() { alert(1); })(); : Document와 이미지가 로드되기 전에실행. $(document).ready( function(){ alert(2); } ); : JQuery ready 함수. Document가 로드되고 이미지가 로드되기 전에 실행. onload = function(){ alert(3); } : Document와 이미지 모두 로드된 후 실행.

---------------------------------------------------------------------------------- 원문: http://javascript.crockford.com/private.html 출처: http://mulriver.egloos.com/4666528 JavaScript계의 요다 스승 (?) 더글라스 크록퍼드의 글을 번역한 내용이다. ---------------------------------------------------------------------------------- JavaScript 는 세상에서 가장 오..

9.6 상속 없이 확장하기 - 자바스크립트 함수들은 데이터 값이므로 함수를 한 클래스에서 다른 클래스로 복사할 수 있다. // Borrow methods from one class for use by another. // The arguments should be the constructor functions for the classes // Methods of built-in types such as Object, Array, Date and RegExp are // not enumerable and can..