올초 AJAX라는 것에 대해서 이야기를 들었습니다.
복학 초기라서~, 시작한지 당연히 얼마 되지 않겠죠? ^^
그래서 카테고리 주제로 잡기에 너무~~~~~ 이르지 않을까. 솔직히 고민됩니다.
하지만! 지금 이순간도 생각과 고민.. 그리고 의견을 쬐금이라도 더 알고 싶어하는 분들과 이야기를 나누기 위해 이렇게 글을 씁니다.
AJAX (Asynchronous Javascript And XML)
비동기 자바스크립트 그리고 XML 입니다.
이거 참... 비동기, 너무나도 쉬운 분들이 많지만, 아닌 분들을 위해 짧게 짚어가고자 합니다.
비동기라는 것은 동기의 반대라는 생각으로 부터 출발하셔야 합니다.
동기는 어떤 두개가 서로의 상태를 일정하게 유지하는 것입니다.
즉, 둘이 이야기를 한다고 가정하면, 두 사람이 모두 눈뜨고 서로를 바라보며 대기한 상태로 이야기를
주고 받는 것입니다.
하지만 비동기는 이와 반대로 둘다 눈을 뜨던 감던, 드러눕던... 서로의 상태에 대해서는 무관하게 이야기를 하는 것입니다. 한가지 전재 조건이 되는 것은 나에게 무슨 말을 하면 난 듣는다는 조건은 있습니다.
하지만, 상대방이 말하기를 기다릴 필요가 없다는 것이죠. 상대방이 말할 때까지 나는 딴짓할 수 있다는 것입니다.
그러므로 AJAX를 이용하게되면, 요청한 뒤 그 요청을 받은 서버측에서 지지고 볶고.. 별일이 다 일어난뒤에
알아서 응답한것이 나의 컴퓨터에 도착하여 나의 웹 브라우저가 응답을 받았을때,
그때 "어~! 도착했구나~ 뭐가 왔지?? 움.. 도착한거 한번 볼까.." 하고 도착한 자료에 맞추어서 작업을 합니다.
근데 이에 필요한 모든 소스 코드가 자바 스크립트... 이 스크립트라는 것을 통해 웹 브라우저 내부에 동적인
활기를 불어 넣게 되는 겁니다. 더욱이 중요한 것은 주고 받는 데이터를 XML을 가능하게 했다는 것입니다.
XML로 했다는 것은 가장 기본적으로 생각해보면, 자료에 구조적 성격과 특성을 불어 넣어줬다는 것입니다.
따라서 데이터를 막연히 텍스트 형태의 간단한 형태 뿐만 아니라, XML을 통해서 정말 수준의
자료를 전달 받게 되는 것이죠.
자~~~... 그럼 어떤 일을 할 수 있는지 한번 생각해보죠.
구글이 이 AJAX를 참 잘 쓰고 있는 사이트라고 볼 수 있습니다.
그리고, 실시간으로 키워드가 완성이 되는 기능 아시죠??
이것도 텍스트 박스에서 체인지 이벤트가 발생했을때 현재까지의 텍스트를 서버로 보내 검색한 결과를
받아다가 텍스트 박스 아래에 리스트 형태로 뿌려주게 되는 것이죠.
이것 말고도 여러가지 일들을 할 수 있습니다.
앞으로 연재를 계속한다는 가정하에... (^.^) <- 별거 아닌데.. 괜히 뭔가 있는듯.. ㅋㅋㅋ
제가 해본 것 중에 사이트의 특정 텍스트를 실시간으로 캡쳐해오는 것입니다.
웹 서버에서 XML로 데이터를 반환하는 서비스를 모두 기대할 수는 없잖아요~
그래서 파싱해서 캡쳐해오는거죠.
이런 것들을 실제로 만들어 보면서~!
차근차근 하시다보면... 아마 도움이 되지 않을까.. 합니다~!.
복학 초기라서~, 시작한지 당연히 얼마 되지 않겠죠? ^^
그래서 카테고리 주제로 잡기에 너무~~~~~ 이르지 않을까. 솔직히 고민됩니다.
하지만! 지금 이순간도 생각과 고민.. 그리고 의견을 쬐금이라도 더 알고 싶어하는 분들과 이야기를 나누기 위해 이렇게 글을 씁니다.
AJAX (Asynchronous Javascript And XML)
비동기 자바스크립트 그리고 XML 입니다.
이거 참... 비동기, 너무나도 쉬운 분들이 많지만, 아닌 분들을 위해 짧게 짚어가고자 합니다.
비동기라는 것은 동기의 반대라는 생각으로 부터 출발하셔야 합니다.
동기는 어떤 두개가 서로의 상태를 일정하게 유지하는 것입니다.
즉, 둘이 이야기를 한다고 가정하면, 두 사람이 모두 눈뜨고 서로를 바라보며 대기한 상태로 이야기를
주고 받는 것입니다.
하지만 비동기는 이와 반대로 둘다 눈을 뜨던 감던, 드러눕던... 서로의 상태에 대해서는 무관하게 이야기를 하는 것입니다. 한가지 전재 조건이 되는 것은 나에게 무슨 말을 하면 난 듣는다는 조건은 있습니다.
하지만, 상대방이 말하기를 기다릴 필요가 없다는 것이죠. 상대방이 말할 때까지 나는 딴짓할 수 있다는 것입니다.
그러므로 AJAX를 이용하게되면, 요청한 뒤 그 요청을 받은 서버측에서 지지고 볶고.. 별일이 다 일어난뒤에
알아서 응답한것이 나의 컴퓨터에 도착하여 나의 웹 브라우저가 응답을 받았을때,
그때 "어~! 도착했구나~ 뭐가 왔지?? 움.. 도착한거 한번 볼까.." 하고 도착한 자료에 맞추어서 작업을 합니다.
근데 이에 필요한 모든 소스 코드가 자바 스크립트... 이 스크립트라는 것을 통해 웹 브라우저 내부에 동적인
활기를 불어 넣게 되는 겁니다. 더욱이 중요한 것은 주고 받는 데이터를 XML을 가능하게 했다는 것입니다.
XML로 했다는 것은 가장 기본적으로 생각해보면, 자료에 구조적 성격과 특성을 불어 넣어줬다는 것입니다.
따라서 데이터를 막연히 텍스트 형태의 간단한 형태 뿐만 아니라, XML을 통해서 정말 수준의
자료를 전달 받게 되는 것이죠.
자~~~... 그럼 어떤 일을 할 수 있는지 한번 생각해보죠.
구글이 이 AJAX를 참 잘 쓰고 있는 사이트라고 볼 수 있습니다.
그리고, 실시간으로 키워드가 완성이 되는 기능 아시죠??
이것도 텍스트 박스에서 체인지 이벤트가 발생했을때 현재까지의 텍스트를 서버로 보내 검색한 결과를
받아다가 텍스트 박스 아래에 리스트 형태로 뿌려주게 되는 것이죠.
이것 말고도 여러가지 일들을 할 수 있습니다.
앞으로 연재를 계속한다는 가정하에... (^.^) <- 별거 아닌데.. 괜히 뭔가 있는듯.. ㅋㅋㅋ
제가 해본 것 중에 사이트의 특정 텍스트를 실시간으로 캡쳐해오는 것입니다.
웹 서버에서 XML로 데이터를 반환하는 서비스를 모두 기대할 수는 없잖아요~
그래서 파싱해서 캡쳐해오는거죠.
이런 것들을 실제로 만들어 보면서~!
차근차근 하시다보면... 아마 도움이 되지 않을까.. 합니다~!.
반응형
