지구정복

복습 및 배울내용 jQuery - Javascript Dom Framework(Library) - selector - 메서드 - 이벤트 www.jquery.com 에 가면 여러 api들이 있다. - api Documentation * jQuery를 공부해야하는 이유 - 전자정부프레임워크 : 전자정부를 만들기 위한 프레임워크(공공기관에선 모두 이를 사용) 오픈소스들을 합친 것 전자정부에서 DOM을 다루는 표준을 jQuery로 설정해놓았다. https://www.egovframe.go.kr - 개발환경가이드 - 3.9가이드 - jQuery에서 ajax 사용법 $.ajax({ url : 웹페이지주소* type : 전송방식(get/post)* data : 요청데이터 async : 동기화, 비동기화 여부(디폴트는..

복습, 배울내용 Ajax * proxy => ajax에서 가져오지 못하는 데이터를 가져올 수 있다. * OpenAPI * 크롤링(스크래핑) => 사이트 기본데이터 프로젝트는 현재 있는 사이트에 새로운 기능을 추가하기 dom 접근 / 추가수정삭제 / 이벤트 / => 프레임워크 : jQuery www.jQuery.com zipping 개발자버전 서비스버전 * CDN jQuery는 $ 특수기호 사용 $( document ).ready( function() { }); 1. jQuery (각종 메서드) 더보기 원래는 $라는 기호대신 jQuery를 사용했는데 너무 귀찮아서 $를 사용한다. 또한 document.ready는 생략가능하다. jQuery는 여러개 쓰일 수 있다. 하지만 보통 1개만 사용한다. each를 ..

복습 및 배울내용 요청과 응답의 시간차(깜빡임, 모래시계) web 1.0 - 동기식 처리 web 2.0 - 비동기식 처리 ajax(Asynchronous Javascript & XML) 1. 요청방법 document.getElementById( '버튼아이디' ).onclick = function() { const request = new XMLHttpRequest(); request.onreadystatechange = function () { if ( request.readyState == 4 ) { if ( request.status == 200 ) { //정상응답처리 } else { //페이지오류 } } else { //처리중 } } request.open( '방식', 'URL', true ); r..

1. Ajax p627 더보기 복습 Java 이용한 웹프로그래밍 JSP / Servlet 여태까지 배운것은 Web 1.0이다. 사용자의 요청-> url(웹페이지명)-> 요청 *브라우저 요청 -프로그램 디자인화 -구글맵 ajax는 javascript를 응용해서 web2.0을 구현하는 기술이다. Ajax는 자바스크립트처럼 특정한 프로그래밍 언어가 아니다. 또한 jQuery와 같은 특정한 프레임워크도 아니다. Ajax는 구현하는 방식을 뜻한다. 주된 예로 검색사이트의 자동완성 기능이다. 자동완성 기능은 Ajax의 가장 대표적인 예이다. 일반적으로 웹페이지를 사용하면 페이지가 넘어갈 때 사용자가 볼 수 없는 화면이 몇 초간 나타나는데 이때 브라우저는 서버와 데이터 전송을 하거나 검사를 하기때문이다. 하지만 Aj..