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

Javascript VS jQuery Javscript API에 비해 jQuery는 선택자를 사용하여 DOM(Document Object Model) 요소에 쉽고 편리하게 접근할 수 있다. // Javascript document.getElementById('container'); document.querySelector('#container'); // jQuery $('#container') 아래는 기초적인 선택자만 작성하였으므로 모든 선택자를 확인하려면 jQuery 사이트 참조 직접 선택자 아이디 (#) id는 페이지내에서 유일해야한다. // Html // jQuery $('#container') 클래스 (.) 동일한 클래스를 가진 복수의 요소가 될 수 있다. // Html // jQuery $('...

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

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

form validation HTML 인증 절차 안전한 계정 사용을 위해 인증을 사용해 주세요. 인증은 아이디와 비밀번호 외 일회용 인증번호를 입력해야만 로그인 할 수 있는 이중 보안 서비스입니다. 인증에 필요한 이메일을 등록하고 더욱 안전하게 계정을 보호하세요. 인증을 위해 개인정보 수집 및 이용에 동의합니다.(필수) 이메일 등록 인증이 가능한 이메일 주소를 입력 후 인증번호 받기를 선택해 주세요. 입력한 이메일 주소로 발송된 인증번호를 입력하고 확인을 선택해 주세요. 이메일 인증번호 받기 인증번호 이전으로 확인 CSS .wrap{ margin:0 auto; width:900px; background-color:#fff; border:1px solid #c4c4c4; box-shadow:3px 3px ..