소프트웨어/JavaScript • Dhtml 70

JSON을 활용한 HTTPService 개발

JSON을 활용한 HTTPService 개발 FLEX 어플리케이션을 개발할 때 FLEX 2 SDK나 Flex Builder 2를 사용하면 HTTPService와 WebService 방식으로 서버와 통신을 할 수 있다. 두 통신 방법의 공통점은 HTTP 프로토콜을 사용하는 것과 XML 포맷으로 통신을 한다는 것이다. 하지만 XML은 가독성이 좋은 반면, XML을 생성하는 서버와 생성된 XML을 사용하는 클라이언트에 많은 부하를 준다는 단점이 있다. 보통 XML을 파싱하여 사용할 때 DOM(Document Object Model) Parser를 이용한다. 이 DOM 파서는 메모리에 XML 구조를 트리 형태로 구성하여 자료를 찾아는 방법을 사용한다. 그렇기 때문에 검색을 위해 많은 양의 데이터 구조가 메모리를..

HTML 4와 HTML 5의 차이점

편집자 작업 문서 2007년 7월 3일 현재 버전: $Revision: 1.27 $ of $Date: 2007/07/03 09:10:50 $ (revision log)편집자: Anne van Kesteren (Opera Software ASA) 한국어 번역자: 윤석찬 (Channy Yun) (Daum Communications Corp.) Copyright © 2007 W3C® (MIT, ERCIM, Keio), All Rights Reserved. W3C liability, trademark and document use rules apply. 번역자 서문 이 문서는 http://dev.w3.org/cvsweb/~checkout~/html5/html4-differences/Overview.html의 한..

HTML5.js

참조 : http://remysharp.com/2009/01/07/html5-enabling-script/ 참조 : http://ejohn.org/blog/html5-shiv/ 골때리는 자바스크립트 소재를 드뎌 찾았습니다. 일단 여러가지로 정리한 후 올리도록 하죠. HTML5.js입니다. IE 전용이죠. IE는 약속된 태그 외엔 안먹힌다는 게 정석이죠. 설명 필요없고 걍 바로 써보고싶다면 링크 #1로 가면 됩니다. JQuery의 창시자 John Resig가 발견한 꼼수입니다. 원문은 링크 #2에 있습니다. HTML5의 기초는 바로 XML처럼 맘대로 태그이름을 지어서 맘대로 CSS로 꾸며 표현할 수 있는 것입니다. 다른 현대 브라우저에 비해 IE는 약속된 태그 외에는 안먹히는게 정석입니다. IE 외에도 불..

JSON javascript 읽기

JSON(Javascript Object Notation)은 경량 데이터 교환 형식이다. 사람이 읽기 쉽고, 쓰기 쉽고, 또 기계에게도 해석과 생성이 용이한 형식이며 JavaScript(ECMAScript)에 근거한 부분집합이다. 즉, 자바스크립트로 객체를 기술하는 방법이다. 예들 들어, 아래와 같이 씁니다. var oj = { "프로퍼티 이름" : "값", "메소드 이름" : function() {alert!('This is method')} } 이것만으로 오브젝트 oj를 만드는 것이 가능하여, oj.프로퍼티이름 으로 값을 얻어 낼 수 있어, oj.메소드이름() 으로 "This is method"라는 대화창을 표시합니다. 또한 Javascript로는 배열도 다음과 같은 꼴로 다룰 수 있는 경우가 자주 ..

JSON API 하이재킹, Ajax Security

1. Ajax어플리케이션 하이재킹자바스크립트가 가진 특성 때문에(동적인 측면) 하이재킹으로 인한 보안 문제가 일어난다. 함수를 선언하고 나서 후에 재정의 할 수 있는 특징 때문이다. ex)function sum(x,y){   var z=x+y; alert(“sum is” +z);}setTimeout(“sum=function(){alert(‘hijacked’);}”,5000);  실수로 인한 함수 덮어쓰기 자바스크립트의 특성상 같은 함수 이름이 들어가 있을 경우 나중의 함수가 호출된다.이를 막기 위해 네임스페이스(namespace) 개념을 도입하면 된다. var Utils={};Utils.debug=function(){…}; 하지만,실수로 코드를 ..

구글 AJAX Libraries API

“모든 데이타를 구글로”라는 야심은 개발 코드도 예외가 아니다. 구글은 오래전부터 AJAX API를 적극적으로 지원하는 것으로 유명한데(그 자신이 GMail을 통한 AJAX의 최대 수혜자이기도 하고) 이번에 발표한 AJAX Libraries API는 아예 유명 AJAX 라이브러리를 직접 호스팅 해주겠다는 것이다. jQuery prototype script.aculo.us MooTools dojo 이름만 봐도 설레는 저 유명한 라이브러리들을 이제는 로컬PC에 다운로드 할 필요가 없다. 구글 AJAX Libraries API를 사용하면 버전관리, 패치 심지어 트래픽까지 구글이 모두 감당한다. 일정 수준의 속도만 보장된다면 더 이상 로컬에 라이브러리를 다운받아 버전별로 일일이 관리하는 수고를 겪을 필요가 없다..