KyungHwan's etc.

이벤트(event)웹 페이지에 사용된 자바스크립트는 이렇게 발생한 이벤트에 반응하여 특정 동작을 수행할수 있다.따라서 클라이언트 측 자바스크립트를 비동기식 이벤트 중심 프로그래밍 모델이라고 한다.이벤트 타입은 발생한 이벤트의 종류를 나타내는 문자열로, 이벤트명 이라고도 한다. 가장 많이 사용하는 키보드,마우스,HTML DOM,Window 객체 등을 처리하는 이벤트가 폭넓게 제공되고 있다. A. 이벤트 리스너(event listener)이벤트 리스너란 이벤트가 발생했을 때 그처리를 담당하는 함수를 가리키며, 이벤트 핸들러 라고도 한다.이벤트 리스너는 먼저 해당 객체나 요소에 등록되어야만 호출될 수 있다. 이벤트의 대상이 되는 객체나 요소에 프로퍼티로 등록하는 방법객체나 요소의 메소드에 이벤트 리스너를 전달..

제이쿼리 AjaxHTTP 요청방식클라이언트인 브라우저가 서버에 HTTP 요청을 보낼때에는 다음 방식중 하나를 사용한다.GET 방식POST 방식 GET 방식GET 방식은 주소에 데이터(data)를 추가하여 전달하는 방식이다. GET 방식의 HTTP 요청은 브라우저에 의해 캐시되어 저장된다.하지만 GET 방식은 보통 쿼리 문자열에 포함되어 전송되기때문에, 길이즤 제한이 있고 보안상 취약점이 존재하기 때문에, 중요한 데이터인 경우 POST 방식을 사용하는 것이 좋다. POST 방식POST 방식은 데이터를 별도로 첨부하여 전달하는 방식으로, POST 방식의 HTTP 요청은 브라우저에 의해 캐시되지 않으므로, 브라우저 히스토리에도 남지 않는다.(서버에 데데이터가 저장되어 전송) 또한, HTTP 요청에 의한 데이터..

제이쿼리 .on() 메소드제이쿼리는 특정 요소에 이벤트를 연결(event binding)하기 위해 .on() 메소드를 사용한다.제이쿼리 1.7부터 소개된 .on() 메소드는 다음과 같은 특징을 가진다. 선택한 요소에 어떤 타입의 이벤트라도 연결할 수 있다.하나의 이벤트 핸들러에 여러 개의 이벤트를 동시에 연결할 수 있다.선택한 요소에 여러 개의 이벤트 핸들러와 여러 개의 이벤트를 같이 연결할 수 있다.사용자 지정 이벤트(custom event)를 위해 이벤트 핸들러로 데이터를 넘길 수 있다.차후에 다루게 될 요소를 이벤트에 연결할 수 있다. .on() 메소드를 사용하면 하나의 이벤트 핸들러에 여러 개의 이벤트를 동시에 연결할 수 있다.$(function() { ​ // 모든 요소에 mouseenter와 ..

Referencehttp://www.nextree.co.kr/p4771/

AJAX(Asynchronous JavaScript And XML) 페이지 재로딩 없이 페이지를 갱신할수 있다. 페이지가 로드된후 서버로부터 요청과 응답을 받을수 있다. 백그라운드 상에서 데이터를 서버에 보낼 수 있다 1. AJAX의 핵심은 XMLHttpRequst Object 이다. 현대 모든 브라우저에서는 XMLHttpRequst를 지원한다. XMLHttpRequst를 사용하면, 페이지 내에서 서버를 이용하여 데이터를 바꿀수 있다. 이 의미는 페이지 재로딩 없이 웹페이지 를 갱신할수 있다. 2. XMLHttpRequest 객체 생성하기 모든 현대 브라우저는 XHLHttpRequest 를 생성할수 있다. 보안을 위해 최신브라우저들은 도메인에서 액세스를 허용하지 않는다. 웹페이지가 로드 되려고 하려면 X..

JSON(JavaScript Object Notation) 경량의 DATA 교환 방식이다. JSON은 사람이 읽을 수 있는 텍스트 기반의 데이터 교환 표준이다. 이러한 JSON은 XML의 대안으로서 좀 더 쉽게 데이터를 교환하고 저장하기 위해서 고안되었다. 또한 JSON은 텍스트 기반이므로 어떠한 프로그래밍 언어에서도 JSON데이터를 읽고 해석 할수 있다. JSON의 특징JSON은 자바스크립트를 확장하여 만들어 졌다. JSON은 자바스크립트 객체 표기법을 따른다. JSON은 사람과 기계가 모두 읽기 편하도록 고안되었다. JSON은 프로그래밍 언어와 운영체제에 독립적이다. 2. JSON 문법 JSON은 자바스크립의 객체 표기법에서 리터럴과 프로퍼티를 표현하는 방법만 가져와서 사용한다. JSON은 Key 와..