Ajax란???

Ajax를 공부하기 전에 !!

Ajax기법을 설명 드리자면 웹 2.0세대가 오면서 기존 에 상위에 있던 기업들이 다 쓰러지고 다른 신기술을 가진 기업들이 상위를 차지했던 시기다. 예를들 면 라이코스, 한미르등등 기존에 최고 주가를 가지고 있던 웹 엔터테이먼트 들이 서서히 자취를 감추고 Daum, Naver등이 살아남은 것 이 예다. 이 기점 을 웹 2.0세대라고 하는데 이것을 실행시킨 기술이 바로 Ajax기술인 것이다. Ajax는 단순히 JavaScript가 아니라 동적으로 데이터베이스에 접근을 할 수도 있고, 동적으로 다른 웹페이지의 정보를 가지고 올 수도 있다. 예를 들자면...

Naver페이지를 예로 들면 웹 검색엔진의 검색어를 입력할 때 키보드 자판을 누를 때 마다 검색할 수 있는 단어들이 밑으로 생기는 것을 확인 할 수 있다.

이렇게 검색어 하나하나 입력 할 때 마다 데이터 베이스에 Connection하여 얻어온 값을 화면에 뿌려준다.

또 하나의 예를 들면

이렇게 원하는 테이블의 공간만 고쳐줄 수도 있고 그냥 단순히 고치는 것만이 아니라 세션값도 그대로 얻어올 수 있다.

 마지막으로 실시간 검색어 인데

마우스를 갇다 댓을 1위부터 10위까지의 정보를 가져 오는 페이지 역시 Ajax다. Ajax의약자는 비 동기 자바스크립트와 XML, Asynchronous JavaScript + XML의 뜻을 내포하고 있고, Ajax의 작업 패턴으로 는 두 가지가 있는데 전통적인 웹 애플리케이션 작업 패턴방식은 그림으로 설명 드리면,

이 그림은 사용자의 요청을 보냈을 시 사용자는 서버 의 응답이 올 때까지 어떠한 다른 화면도 볼 수 없 고, 위의 그림과 같이 요청을 보냈다면 서버의 응답 을 받고 다시 진행하고 다시 보내고 하는 형태로 브라우저의 결과를 볼 수 있다.

또 다른 패턴인 Ajax 애플리케이션 작업 패턴은

위와 다르게 사용자의 요청을 보냈어도 사용자는 현재 웹 브라우저의 내용들을 확인할 수 있고, 서버의 응답이 왔을 때 응답결과를 바로 페이지의 전환 없이 브라우저에서 확인할 수 있다.

AJAX의 장점 / 단점

간단명료하게 페이지의 전환 없이 원하는 데이터를 가져올 수 있고, UI 개선에 많은 도움을 준다. 예를 들어 구글 맵과 같이 페이지의 전환이 없이 마우스의 드래그로 위치 정보를 바로 화면에 보여 질 수 있는 것이다. 또 하나 예를 들면 웹에서 구현되는 웹 오피스 같은 웹 어플 이랄까.. 네이버 가계부 와 캘린더도 Ajax 기술을 이용해 서 개발된 것이다.

이런 장점에도 불구하고 Ajax는 치명적인 단점을 가지고 있다. 

Ajax는 자바스크립트가 지원이 되지 않는 브라우저에서는 '먹통'이 된다. Ajax로 개발 시 IE, 파이어 폭스, 오페라, 사파리 등 여러 브라우저에 호환 되게 개발해야 할 것이고, 자바스크립트가 지원되지 않는 브라우저에서도 사용자가 컨텐츠에 접근할 수 있게 해야 한다는 사실을 명심해야 한다. 또한 자바스크립트이기 때문에 보안에 아주!!!!!!취약한다. 방법을 여기서 설명하긴 뭐하지만 일단 기본적인 예로 웹 페이지에서 우클릭후 소스보기를 하면 소스가 모두 ! 공개된다. 해커는 아주 좋아하겠지만..이건 여기까지만 설명하기로 하고...

마지막으로 Ajax는 특정한 웹 언어에 종속적이지 않다. 자바 스크립트의 일부분이며 결국 서버에서 얻어온 특정한 데이터 형식(XML, JSON, TEXT, HTML 등)에 따라 가공해주어 표출해주면 된다. 

完了 !!