목차 1. Google Maps 2. jQuery UI 3. JSP 태그와 내장 객체 1. Google Maps • 구글 키 인증 - API키를 발급받아야 사용이 가능(https://console.developers.google.com/) • 관련 API ① Google Developers - 주소: https://developers.google.com/maps/?hl=ko ② w3school 사이트 - 주소: https://www.w3schools.com/graphics/google_maps_reference.asp) - 상단 ‘References’ 메뉴를 선택하면 API 참고 가능 2. jQuery UI 1) jQuery UI 개념 - jQuery UI는 인터렉티브한 웹을 제공할 수 있도록 하는 인터..

목차 1. Ajax 기초 개념 2. Ajax 메소드 1. Ajax 기초 개념 • Ajax (Asynchronous JavaScript + XML) - JavaScript와 XML을 이용한 비동기 통신처리를 구현하는 기술 - 클라이언트와 서버 간에 XML 데이터를 주고받는 기술 - JavaScript로 웹 페이지 전체를 다시 읽어 들이지 않고 서버와 데이터를 주고받는 경우에 사용 - JavaScript를 이용해서 서버에서 데이터를 가져와 전체 페이지를 새로고침(refresh)하지 않고 특정 부분만 변경하는 것이 가능 - 비동기식으로 처리 가능하여 웹페이지 속도가 향상됨 - 주로 아이디 중복 검사와 댓글 기능에 사용됨 • 비동기(asynchronous) 방식 - 웹페이지를 reload하지 않고 데이터를 불러..

목차 1. jQuery 기초 2. jQuery로 CSS 속성 값 추가 3. attr() 함수로 속성 변경하기 1. jQuery 기초 1) jQuery 기초 • 자바스크립트에서 getElementById() 함수로 객체의 값을 가져오고, jQuery에서는 간단하게 $() 함수로 원하는 html 요소를 선택한다. - ex) var b1 = document.getElementById("b1"); = $("#b1") • jQuery( ) = $( ) • jQuery의 괄호 안에는 3가지 요소가 올 수 있다. (① HTML Tag / ② CSS Selector / ③ JavaScript Object (내장객체) ) ① HTML Tag ex) $("div") ② CSS Selector ex) $("h1").hide..