지구정복

1. jQuery UI 사용하기(이어서) 더보기 ㅇDatePicker 위처럼 팝업되는 달력말고 아예 달력이 바로 보이도록 출력해보자. html5에서 제공하는 달력은 엣지브라우저에서 사용할 수 있고 브라우저가 옛 버전이면 실행되지 않는다. 날짜형식지정 이번에는 날짜 형식을 지정해보자. Date : Format options: Default - mm/dd/yy ISO 8601 - yy-mm-dd Short - d M, y Medium - d MM, y Full - DD, d MM, yy With text - 'day' d 'of' MM 'in the year' yy 애니메이션 애니메이션 효과를 추가해보자. bounce효과를 추가해본다. Date : For..

복습 및 배울내용 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..