Endless Creation - 안 승례 - Introduce Ajax Endless Creation - 안 승례 - 2019년 2월 25일
Copyright 2007 Seoul National University of Technology Contents AJAX를 말하기 전에... HTML CSS JavaScript XML What is Ajax? 일반적인 통신 Demo Ajax 통신 Reference Docs Copyright 2007 Seoul National University of Technology Dept. of Computer Science & Engineering and AhnSeungRye all right reserved.
Copyright 2007 Seoul National University of Technology 사전 학습 Do You Know This... HTML, CSS, JS, XML ? Copyright 2007 Seoul National University of Technology Dept. of Computer Science & Engineering and AhnSeungRye all right reserved.
Copyright 2007 Seoul National University of Technology HTML HTML 4.01 Strict HTML 4.01 Transitional <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko"> XHTML 1.0 Strict XHTML 1.0 Transitional <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN“ "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko"> XHTML 1.1 <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN“ "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko"> Copyright 2007 Seoul National University of Technology Dept. of Computer Science & Engineering and AhnSeungRye all right reserved.
Copyright 2007 Seoul National University of Technology CSS Cascading Style Sheet. Cascade : 다단(多段), 단계적인 반응 마크업 언어가 실제 표시되는 방법을 기술하는 언어 W3C의 표준 Welcome to CSSZengarden Copyright 2007 Seoul National University of Technology Dept. of Computer Science & Engineering and AhnSeungRye all right reserved.
Copyright 2007 Seoul National University of Technology JavaScript 넷스케이프社 에서 만든 수억의 WWW에서 사용되는 스크립트 언어 the ECMA-262 Edition 3 (ECMAScript) standard scripting language 의 상위집합(superset) And 이해할수 없는 언어적 특징들 - _- http://www.ibm.com/developerworks/kr/library/j-cb12196/index.html?ca=drs-kr Copyright 2007 Seoul National University of Technology Dept. of Computer Science & Engineering and AhnSeungRye all right reserved.
Copyright 2007 Seoul National University of Technology JavaScript Example 동일하게 동작하는 Code 다르게 동작하는 Code Copyright 2007 Seoul National University of Technology Dept. of Computer Science & Engineering and AhnSeungRye all right reserved.
Copyright 2007 Seoul National University of Technology XML XML? 전자적으로 데이터를 교환하기 위한 표준. Why XML? SGML은 선택 사항이 많고 복잡함. HTML은 미리 정의된 태그를 사용함. Copyright 2007 Seoul National University of Technology Dept. of Computer Science & Engineering and AhnSeungRye all right reserved.
Copyright 2007 Seoul National University of Technology What is Ajax? Asynchronous JavaScript And XML Web Server와 비(非)동기적으로 데이터를 교환하고 조작하기 위한 방법 장점 서버 처리를 기다리지 않고, 비(非)동기 요청이 가능하다. 수신하는 데이터 량을 줄일 수 있고, 클라이언트에게 처리를 위임할 수도 있다. 단점 Ajax를 쓸 수 없는 브라우저에 대한 문제가 있다. 페이지 이동 없는 통신으로 인한 보안상의 문제 지원하는 Charset이 한정되어 있다. 스크립트로 작성되므로 Debugging이 용이하지 않다. 요청을 남발하면 역으로 서버 부하가 늘 수 있음 Copyright 2007 Seoul National University of Technology Dept. of Computer Science & Engineering and AhnSeungRye all right reserved.
Copyright 2007 Seoul National University of Technology 일반적인 통신 Client WebServer Copyright 2007 Seoul National University of Technology Dept. of Computer Science & Engineering and AhnSeungRye all right reserved.
Copyright 2007 Seoul National University of Technology DEMO Show Me the DEMO Copyright 2007 Seoul National University of Technology Dept. of Computer Science & Engineering and AhnSeungRye all right reserved.
Copyright 2007 Seoul National University of Technology Ajax 통신 Client WebServer Copyright 2007 Seoul National University of Technology Dept. of Computer Science & Engineering and AhnSeungRye all right reserved.
Copyright 2007 Seoul National University of Technology DEMO Show Me the DEMO Copyright 2007 Seoul National University of Technology Dept. of Computer Science & Engineering and AhnSeungRye all right reserved.
Copyright 2007 Seoul National University of Technology XMLHttpRequest Ajax로 실행하는 HTTP 통신 규격 `De facto Standard` (업계 표준) for IE 4/5/6 //Win200~ var request = new ActiveXObject(“Microsoft.XMLHTTP”); //WinXP~ Var request = new ActiveXObject(“MSXML2.XMLHTTP”); for FF/Opera/Safari/Konqueror.. Etc var request = new XMLHttpRequest(); Copyright 2007 Seoul National University of Technology Dept. of Computer Science & Engineering and AhnSeungRye all right reserved.
Copyright 2007 Seoul National University of Technology Encoding Copyright 2007 Seoul National University of Technology Dept. of Computer Science & Engineering and AhnSeungRye all right reserved.
Copyright 2007 Seoul National University of Technology Why Ajax? Is batter than ActiveX? Ajax로 많은것을 대체할수 있다. 하지만, 모든것을 대체할수는 없다. Copyright 2007 Seoul National University of Technology Dept. of Computer Science & Engineering and AhnSeungRye all right reserved.
Copyright 2007 Seoul National University of Technology Referenced From http://www.smartplace.co.kr/blog_post_8.aspx -'Aajax' 과연 웹 2.0의 중심 기술인가?– http://www.adaptivepath.com/publications/essays/archives/000385.php -Ajax: A New Approach to Web Applications- http://ko.wikipedia.org/wiki/Ajax http://emotion.tistory.com/56 (HTML Doctype) http://ko.wikipedia.org/wiki/CSS Ajax입문 –타카하시 토시로 저/이창신 역 // (한빛미디어) Copyright 2007 Seoul National University of Technology Dept. of Computer Science & Engineering and AhnSeungRye all right reserved.