데이터 가져올 때 JSON 방식으로 가져온다.Folder: 03_json exam01.html $.ajax() 함수를 사용한 JSON 데이터 읽기 (1) JSON 객체{       변수: 값, 변수: 값, . . .}  JSON 배열{         [                { 변수: 값, 변수: 값, ..},                { 변수: 값, 변수: 값, ..}          ]}json01.json{ "school" : { "subject" : { "title": "Javascript+jQuery+Ajax", "time": "매주 월/수/금 오후 7시00분~10시00분", "teacher": "홍길동" } }} ..

데이터 가져올 때 JSON 방식으로 가져온다.Folder: 03_json exam01.html $.ajax() 함수를 사용한 JSON 데이터 읽기 (1) JSON 객체{       변수: 값, 변수: 값, . . .}  JSON 배열{         [                { 변수: 값, 변수: 값, ..},                { 변수: 값, 변수: 값, ..}          ]}json01.json{ "school" : { "subject" : { "title": "Javascript+jQuery+Ajax", "time": "매주 월/수/금 오후 7시00분~10시00분", "teacher": "홍길동" } }} ..

1. data=> AJAX 요청으로부터 반환된 데이터이다.=> 문자열 또는 XML 등의 형식이다.=> 데이터를 꺼내려면 DOM 또는 JavaScript를 사용해야 한다.2. $(data)=> jQuery 함수 $()를 사용하여 데이터를 jQuery 객체로 변환하는 것이다.=> AJAX로 가져온 데이터를 jQuery 객체로 변환하여 jQuery 함수를 사용할 수 있게 한다. (1) $.ajax() $.ajax({        url: "XML파일의 URL",        type: "get / post",        data: "파라미터 문자열 key=value&key=value", -- 서버로 보내는 데이터                                              key = va..

* on( ) 함수1. 비동적$("요소").on("이벤트", function() {          ... 이벤트 처리 ...}); 2. 동적- 앞으로 동적으로 추가할 요소에 대한 이벤트를 미리 정의해 놓는 기능이다.- 새로 추가될 요소에 대한 이벤트이기 때문에 이 이벤트가 정의되는 시점에서는 대상이    존재하지 않기 때문에, 이 이벤트는 document 객체에 설정해야 한다. $(document).on( "이벤트", "셀렉터", function() {             ... 이벤트 처리 ...});exam09.html jQuery Comment 작성자 댓글 내용 유효성 검사하기$(fun..

this / $(this)$('#sh > input').not(this).removeClass('btn'); => this는 자바스크립트이고 $(this) 제이쿼리 문법이다.=> this의 경우 해당 이벤트가 발생한 요소를 표시해주고 $(this)는 이벤트가 발생하면 발생한 태그를 Object로 보여준다는게 다른점이다.=> this와 같은 데이터를 갖기 위해서는 $(this)[0] 을 사용하면 된다. this === $(this)[0] [결과] ① console.log(this); 결과btn"> ② console.log($(this)); 결과▼ S.fn.init [input] ▶ 0: input.btn length: 1 ▶ [[Prototype]]: Object(0)show/hideexam02.html ..

JavaScript에서 event.keyCode 를 하면 각 키보드에 해당하는 고유번호를 알 수 있다.이 메소드가 jQuery에서는 event.which 으로 사용하게 된다..keydown, .keyup - 대소문자 구별X (A도 a도 65라고 나온다) XML → HTML로 바꾸기위해서 DOM이라는 문법을 사용함JSON객체{         변수: 값;} JSON 객체 배열[          { 변수: 값, 변수: 값, 변수: 값}, → JSON 객체          { 변수: 값, 변수: 값, 변수: 값}   ] exam06.html Key 이벤트 확인하기 결과 $(function () { $('#input > input[type="text"]').keydown(function(event){ $..

Dynamic Web Project : jQueryFolder : 01_helloJQuery Java - 네트워크         - 채팅 프로그램 - 동기 데이터 통신 ( 요청을 보내면 반드시 응답이 와야한다.)                                       상대방이 응답 안 보내면 프로그램 다운된다. Ajax - 페이지 이동이 없는 비동기 데이터 통신  jQuery의 개요 * jQuery - 전 세계에서 가장 많이 사용되는 JavaScript 라이브러리 - HTML 요소 제어      => HTML 요소를 손쉽게 획득하고 제어할 수 있다.  - 손쉬운 이벤트 처리       => 단 한번의 이벤트 정의로 크로스 브라우징 해결  - 요소의 탐색과 생성       => DOM 요소를 ..

p.525자바스크립트 비교연산자 종류 1. 동등(==)연산자 피연산자 값이 서로 같으면 true, 다르면 false형변환을 수행하여 타입이 다른 경우에도 비교한다.3 == "3"     true 2. 일치(===)연산자피연산자 값도 같고 자료형도 같으면  true, 하나라도 다르면 false타입 변환을 수행하지 않는다. 3 === "3"   false 3. 부등(!=)연산자두 값이 다르면 true, 같으면 false를 반환형 변환을 수행하여 타입이 다른 경우에도 비교  3 != "3"   false  4. 불일치(!==)연산자두 값이 타입과 값이 모두 다르면 true, 같으면 false를 반환타입 변환을 수행하지 않는다.3!== "3"   truep.554[ 문제 ] 다음 [조건]을 참고하여 사용자가 숫..