주섬주섬 코딩, 소소하지만 꾸준히 쌓아가는 개발 기록...

Load 이벤트 DOM(Document Object Model)의 Standard 이벤트 화면에 필요한 모든 요소화면에 필요한 모든 요소(*Html, Css, Js, Image, Iframe등)가 브라우저 메모리에 올라간 경우 실행된다. 요소에 문제가 생길 경우 딜레이가 발생할 수 있다. 중복 선언 시 하나만 실행되므로 주의해야한다. $(window).load(function(){ // 코드 작성 }); Ready 이벤트 리소스 상관없이 브라우저가 DOM Tree를 생성한 직후에 실행된다. load 이벤트보다 빨리 실행되며 중복 선언이 가능하며 선언 순서에 따라 실행된다. $(document).ready(function(){ // 코드 작성 }); Load VS Ready 두 이벤트의 차이를 이해하기 위..

참조링크 릴리즈 정보 업그레이드 가이드 jQuery 3.5 jQuery 3.0 jQuery 1.9 호환성 Browser jQuery IE 6~8 jQuery 1.x IE 9+ jQuery 2.x Android 4.x jQuery 3.x Android 4.5+ Safari on IOS 7+ jQuery 3.x 구버전과 최신버전 혼용 jQuery Migrate Plugin jQuery 하위 버전 호환성을 위해 제공하는 플러그인 v1.4.1 : jQuery 1.9 이하의 버전을 3.0 버전까지 지원 v3.3.0 : jQuery 1.x버전, 1.9 이상의 버전을 3.0 버전까지 지원

정의 HTML의 클라이언트 사이드 조작을 단순화 하도록 설계된 크로스 플랫폼의 자바스크립트 라이브러리로 MIT 라이선스로 배포되는 무료 오픈소스 소프트웨어이다. 역사 Ajax 기술이 주목받기 시작하면서 자바스크립트의 중요성이 높아졌고 자바스크립트 라이브러리들이 생기기 시작했다. jQuery도 그 중 하나였으며 단순하고 간결한 코드를 통해 DOM(Document Object Model)을 추상화해서 관리할 수 있기 때문에 선풍적인 인기를 끌었다. 사용법 파일 설명 uncompressed : 원본 파일 (확장자 : .js) minified : 원본을 압축한 파일 (확장자 : .min.js) slim : 해당 버전에서 필요없다고 생각하는 라이브러리를 제거한 파일 (.slim.js) slim minified :..

e.target.dataset과 jQuery의 .data()의 결과 값이 다르다? 어떻게 된일인지 파악해보자. 환경정보 -jQuery : https://code.jquery.com/jquery-3.3.1.min.js 요구사항 data-lang 속성의 값이 'ko'인 타겟을 클릭하면 data-lang 값이 en으로 변경된다. 이 때 변경된 data-lang의 값을 타겟 재 클릭 시 가져오기 이슈사항 vue.js 를 사용하여 동적으로 리스트 생성했고, 동적으로 생성하는 타겟을 클릭 -> 동적으로 타겟의 값이 수정됨 -> 타겟을 재 클릭 시 결과 값이 e.target.dataset과 .data();의 값이 상이함. e.target.dataset의 경우 내가 의도한대로 수정된 결과 값을 리턴한다. 하지만 $(e..