$(document).ready(function(){}); 와 같은 뜻

Ajax 자바스크립트를 이용한 비동기 HTTP 통신을 가능하게 해준다. 클라이언트와 서버 간에 데이터를 주고받는 기술로 XMLHttpRequest(XHR)객체를 이용하여 전체 페이지가 아닌 필요한 데이터만 불러올 수 있다. 장점 · jquery를 통해 쉽게 구현 가능 · error, success, complete의 상태를 통해 실행 흐름 조절 가능 단점 · jquery를 사용해야 간편하고 호환성이 보장된다. · promise 기반이 아니다. 사용 예시 // use Ajax with Jquery var serverAddress = 'https://jsonplaceholder.typicode.com/posts'; // jQuery의 .get 메소드 사용 $.ajax({ url: , type: 'GET', ..

Json JavaScript Object Notation 의 약자로 JavaScript 에서 객체를 만들 때 사용하는 표현식을 의미한다. Json표현식은 사람과 기계 모두 이해하기 쉬우며 용량이 작아서, 최근에는 XML을 대체해서 데이터 전송 등에 많이 사용된다. Json의 특징 서버와 클라이언트 간의 교류에서 일반적으로 많이 사용된다. 자바스크립트 객체 표기법과 아주 유사하다. 자바스크립트를 이용하여 JSON 형식의 문서를 쉽게 자바스크립트 객채로 변환할 수 있는 이점이 있다. JSON 문서 형식은 자바스크립트 객체의 형식을 기반으로 만들어졌다. 자바스크립트의 문법과 굉장히 유사하지만 테그트 형식일 뿐이다. 다른 프로그래밍 언어를 이용해서도 쉽게 만들 수 있다. 특정 언어에 종속되지 않으며, 대부분의 ..

focus 지정한 해당 위치로 포커스를 잡아주거나 포커스가 잡히면 실행. ex) 비밀번호 입력을 하지 않았다면 비밀번호 입력하는 곳에 커서가 이동 되거나 해당 위치에 포커스가 잡히면 실행 blur 포커스가 잡힌 후 빠져나갈 때 실행된다.

keypress 사용자가 키(키보드)를 눌렀을 때 이벤트 발생 keydown 사용자가 키를 누르는 동안 이벤트 발생 keyup 사용자가 키에서 손을 땔 때 이벤트 발생 참고 사이트

typeof 자료형을 나타내는 문자열을 반환한다. 예시) console.log(typeof 42); // number console.log(typeof '코드'); // String console.log(typeof true'); // boolean console.log(typeof undeclaredVariable); // undefined

$(document).ready - DOM이 준비가 됐을 때 이벤트를 시작하겠다는 뜻이다. - 이벤트 핸들러를 엘리먼트에 직접 바인딩한다. 그렇기에 당장 존재하는 태그들에만 영향을 받고 새로 동적으로 생성되는 엘리먼트 들은 영향을 받을 수 없다. ※ 이벤트 핸들러(event handler) 웹 페이지에서는 수많은 이벤트가 계속해서 발생하고 특정 요소에서 발생하는 이벤트를 처리하기 위해서는 이벤트 핸들러(event handler)라는 함수를 작성하여 연결해야만 한다. ex) $(document).on - 이벤트를 위임하는 것으로 새로 생긴 요소에도 기존 부모가 이 이벤트를 가지고 있다면 그걸 그대로 넘겨받을 수 있다. - 우리가 알고있는 DOM트리보다 위에서 이벤트를 위임받아 실행하기 때문에 어떤 캐그가 ..