본문 바로가기

분류 전체보기

 (593)
jQuery with Ajax (Section 49) 참고> opentutorials.org/course/1375/6851 1. $.ajax({ ... }); -> jQuery로 ajax 사용할 때 사용하는 함수 2. $('myTag').serialize(); -> jQuery로 객체를 JSON string으로 만들 때 사용하는 함수
네트워크 통신 - JSON (Section 48) 참고> opentutorials.org/course/1375/6844 1. JSON(JavaScript Object Notation): JavaScript에서 객체를 만들 때 사용하는 표현식 2. JSON.stringify() 함수를 사용하면 객체를 JSON string으로 변환할 수 있음 3. 예전엔 XML을 많이 썼지만 요즘은 대부분 XML 대신 JSON을 사용함
네트워크 통신 - AJAX (Section 47) 참고> opentutorials.org/course/1375/6843 1. AJAX: 필요한 정보만 불러오고 굳이 모든 데이터를 다시 불러오지 않는다. -> 비동기임 2. XMLHttpRequest - open(), send() 함수를 사용하여 데이터를 비동기로 얻어옴 - form에서 "GET"을 하면 페이지가 re-load되지만 XMLHttpRequest의 open()으로 "GET" 하면 페이지가 re-load되지 않음 - XMLHttpRequest의 responseText 프로퍼티에서 "GET"한 값을 읽어올 수 있음 - open() 함수에서 "POST" 도 사용할 수 있음
네트워크 통신 (Section 46) 참고> opentutorials.org/course/1375/6842 1. JSON: 서버와 클라이언트 간의 데이터를 주고받는 형식 2. AJAX: 페이지 re-load 없이 웹 페이지의 내용을 변경할 수 있는 기술 3. JSON과 AJAX는 웹 어플리케이션을 구축하는데 중요한 내용이다.
jQuery 이벤트 - on API 사용법 (Section 45) 참고> opentutorials.org/course/1375/6888 1. on() 함수: 파라미터로 이벤트 catch를 원하는 tag를 전달할 수 있음 ex) $('ul').on('click', 'a', 'li', function(){ ... }); 2. late binding: jQuery가 아직 존재하지 않는 element에도 이벤트를 등록할 수 있는 기능 -> 이 덕분에 javascript 코드가 HTML 문서의 위쪽에서 생성되어서 아직 존재하지 않는 element에 event binding을 하여도 문서 로딩이 끝나고 났을 때 해당 element로 event가 바인딩되어 있다. 3. 다중 바인딩: 여러 개의 이벤트 타입을 동시에 등록함 -> on 함수의 파라미터로 이벤트 이름을 넘겨줄 때 공백을..
jQuery 이벤트 (Section 44) 참고> opentutorials.org/course/1375/6862 1. jQuery는 크로스 브라우징을 알아서 처리해주고, 이벤트 처리를 보다 간결하게 구현할 수 있도록 해줌.
이벤트 타입 - 마우스 (Section 43) 참고> opentutorials.org/course/1375/6766 1. shiftkey, altkey, ctrlkey : mouse 관련 이벤트가 발생했을 때 event 객체의 프로퍼티로 어떤 key가 눌렸는지 확인 가능함
이벤트 타입 - 문서 로딩 (Section 42) 참고> opentutorials.org/course/1375/6765 1. Javascript가 html 위쪽에 있으면 그 아래에서 생성된 HTML 태그들은 아직 존재하지 않은 상태임. Javascript 잘 쓰려면 HTML 태그가 잘 생성된 시점에 코드가 실행되는지 프로그래머가 확인해 주어야 함 2. window.load 이벤트의 핸들러 내에서 Javascript 코드를 실행할 경우 HTML 태그들은 이미 생성된 상태이기 때문에 코드가 잘 동작함. 3. DOMContentLoaded 이벤트: HTML 태그 등 DOM 요소들은 로드되었고 이미지 등의 다운로드는 아직 안된 상태에서 발생하는 이벤트.

티스토리툴바