Workspace

jQueryJavaScriptIframe jQuery를 이용한 Iframe 스크롤 제어 방법 iframe 내부 콘텐츠의 스크롤 위치를 프로그래밍 방식으로 조절하는 기법을 설명합니다. ① 기본 구현 코드 jQuery의 contents() 메서드를 사용하면 iframe 내부에 접근하여 스크롤 위치(scrollTop)를 변경할 수 있습니다. ② 실무 적용 시 필수 고려사항 단순히 코드를 작성하는 것 외에, 실제 환경에서는 다음 두 가지 사항을 반드시 체크해야 정상적으로 작동합니다. 1. 동일 출처 정책 (Same-Origin Policy) 가장 빈번하게 발생하는 문제입니다. 부모 페이지와 iframe에 불러온 사이트의 도메인이 다를 경우, 브라우저 보안..

1초에 한번씩 동작하는 기본 구조 var time = 1000; //1초 $.each(data,function(idx){ var that = this; //this를 변수에 담는 이유는 setTimeout의 this와 충돌이 나기때문 setTimeout(function(){ console.log(that); },time * idx); });

한글 문자열을 서브스트링으로 자를경우 원하는 길이만큼 안나오는 경우가 있는데요 그래서 charCodeAt을 이용한 jQuery 함수를 만들어 보았습니다. /** * 서브스트링 함수 * string.cut(length)로 사용 * */ String.prototype.cut = function(len) { var str = this; var l = 0; for (var i=0; i 128) ? 2 : 1; if (l > len) return str.substring(0,i) ; } return str; }; /** * 캐릭터 갯수 구하는 함수 * string.charLen()로 사용 * */ String.prototype.charLen = function() { var str = this; var len =..

Jquery 플러그인을 살펴보던중 눈에띄던 한 녀석Fancy Input 뭐 영어밖에 지원되지 않지만 한번 연구해 볼만한 녀석이다 * 익스플로러는 아직 지원하지 않음 데모 - http://yaireo.github.io/fancyInput/GitHub - https://github.com/yairEO/fancyInput

jQueryAjaxDebugging jQuery Ajax 에러 핸들링 및 상태별 대응 방법 Ajax 통신 실패 시 발생하는 다양한 에러 유형을 분석하고, 사용자에게 명확한 피드백을 제공하는 방법을 설명합니다. ① Ajax 에러 처리 표준 코드 Ajax 옵션의 error 콜백 함수는 세 개의 인자(jqXHR, textStatus, errorThrown)를 받습니다. 이를 활용해 구체적인 에러 원인을 파악할 수 있습니다. $.ajax({ url: '/api/data', type: 'GET', success: function(data) { console.log('성공:', data); }, error: function(xhr, status, e..

JavaSpringjQueryXML Java/Spring 환경에서 XML 데이터 송수신 구현 jQuery Ajax를 이용한 POST 요청부터 서버측 HttpURLConnection 처리 및 XML 응답 파싱까지의 전 과정을 설명합니다. Ⅰ. 전체 처리 아키텍처 클라이언트와 서버 간의 통신 흐름은 다음과 같은 단계를 거칩니다. Client (Browser): $.ajax를 통해 서버로 데이터를 전송하고 응답 타입을 xml로 정의합니다. Server (Spring): 클라이언트의 요청을 받아 XML 전문을 구성한 뒤, HttpURLConnection을 사용하여 외부 API 서버로 릴레이합니다. External Server: 요청을 처리..