Just Do it

*출처: Do it! 자바스크립트 + 제이쿼리 입문, 정인용, 이지스퍼블리싱 Ch 9 제이쿼리 비동기 방식 연동 9-1. Ajax 1) Ajax란? - Ajax(Asynchronous JavaScript and XML)란 비동기 방식의 Javascript와 XML을 가리킨다. * 동기 방식: 서버에 신호를 보냈을 때 응답이 돌아와야 다음 동작을 수행할 수 있다. * 비동기 방식: 동기 방식과 반대로 서버의 응답 상태와 상관 없이 다음 동작을 수행할 수 있다. - Ajax를 이용하는 이유는 화면 전환 없이 클라이언트와 서버간에 XML, JSON, 텍스트, HTML 등의 정보를 교환하기 위해서이다. - 다시 말해 Ajax를 이용하면 사용자가 서버에 자료를 요청할 때 화면 전환 없이 요청한 자료를 전송받을 수..

*출처: Do it! 자바스크립트 + 제이쿼리 입문, 정인용, 이지스퍼블리싱 Ch 7. 제이쿼리 이벤트 7-1. 이벤트 등록 메서드 1) 단독 이벤트 등록 메서드 - 단독 이벤트 등록 메서드: 대상에 한 가지 동작에 대한 이벤트만 등록할 수 있다. //기본형 $("이벤트 대상 선택").이벤트 등록 메서드(function(){ 자바스크립트 코드; }); ... 버튼 ... 2) 그룹 이벤트 등록 메서드 - 그룹 이벤트 등록 메서드: 대상에 한 가지 동작 이상의 이벤트를 등록할 수 있다. '.on()' 메서드를 사용하여 이벤트를 등록한다. // 기본형1 $("이벤트 대상 선택").on("이벤트 종류1 이벤트 종류2... 이벤트 종류n",function(){ 자바스크립트 코드; }); // 기본형 1-1 $(..

*출처: Do it! 자바스크립트 + 제이쿼리 입문, 정인용, 이지스퍼블리싱 Ch 6. 제이쿼리 문서 객체 선택자와 조작법 6-1. 제이쿼리 기본 다지기 1) 제이쿼리 라이브러리 연동하는 방법: 네트워크 방식(CDN 방식)으로 연동하기 - CDNJS 사이트(https://cdnjs.com/libraries/jquery)에서 제이쿼리 라이브러리 파일의 URL을 복사한다. - 만약 IE 8 이하의 브라우저까지 호환성을 염두에 둔다면 v1.12.X 이하 버전의 라이브러리 파일을 사용해야 한다. - 태그 src 속성에 복사한 URL을 붙여 넣고, HTML의 - jquery.js와 jquery.min.js의 차이 종류 설명 jquery.js 소스에 들여쓰기, 줄 바꿈, 주석까지 정리된 비압축 파일로, 제이쿼리 자..

1. 자바스크립트 코드가 많아질 경우 별도의 자바스크립트 파일(.js)을 생성하여 아래 코드를 이용해 해당 자바스크립트 파일을 이용할 파일 내에 추가해주는 것이 좋다. 2. 코드 작성 시 주의해야할 점 - 대,소문자를 가려서 써야 한다. - 문자형 데이터를 작성할때 중첩 따옴표를 피해야 한다. 3. 내장 객체 생성하는 방법 두 가지 ... ... 4. 밀리초로 계산한 시간값 1초 1,000(msc) 1분(60초) 1,000*60 1시간(60분) 1,000*60*60 1일(60분*24) 1,000*60*60*24 5. 일반 함수 정의 방식과 익명 함수 선언 참조 방식의 차이점 - 일반 함수 정의는 함수 호출 시 호이스팅(hoisting) 기술을 지원한다. 그러나 익명 함수 선언 참조 방식은 호이스팅을 지원..