오늘부터 서버에 들어간다. * Apache - 응답만 한다.: 아파치 소프트웨어 재단의 오픈소스 프로젝트이다.: 웹서버로 불려진다: 클라이언트 요청이 왔을 때만 응답하는 정적 웹페이지에 사용된다. (HTML, CSS, 이미지 등): 웹서버 - 80번 포트로 클라이언트 요청(POST, GET, DELETE)이 왔을 때만 응답 * Tomcat: Servlet이나 JSP의 컨테이너: WAS(Web Application Server) - 외워두기: 컨테이너, 웹 컨테이너, 서블릿 컨테이너라고 부른다: dynamic(동적)인 웹을 만들기 위한 웹 컨테이너톰캣은 자바언어때문에 만들어졌다.  * 언어별 웹 서버 구성 (JAVA) JSP, Servlet -> 아파치 톰켓 -> WAS 서버 (WEB서버 내장)(C, C+..

데이터 가져올 때 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 요소를 ..