차이
문서의 선택한 두 판 사이의 차이를 보여줍니다.
| 양쪽 이전 판이전 판다음 판 | 이전 판 | ||
| tech:ajax [2014/03/19 02:37] – 바깥 편집 127.0.0.1 | tech:ajax [2016/07/12 09:26] (현재) – 바깥 편집 127.0.0.1 | ||
|---|---|---|---|
| 줄 1: | 줄 1: | ||
| + | {{tag> | ||
| ======Ajax====== | ======Ajax====== | ||
| {{http:// | {{http:// | ||
| - | Ajax란 Asynchronous JavaScript and XML(비동기식 자바스크립트와 XML)의 약자이다. 여기서 가장 중요한 것은 ‘비동기식‘이라는 단어이다. 사용자가 버튼을 클릭하거나 요청을 해야만 웹 브라우저가 새로운 내용을 가져오는 이전의 방식과는 달리, 화면의 일부분만 업데이트된다. | + | Ajax란 Asynchronous JavaScript and XML(비동기식 자바스크립트와 XML)의 약자이다. 여기서 가장 중요한 것은 ‘비동기식‘이라는 단어이다. |
| + | 아래와 같은 조합을 이용하는 웹 개발 기법이다. | ||
| + | |||
| + | * 표현 정보를 위한 HTML (또는 XHTML) 과 CSS | ||
| + | * 동적인 화면 출력 및 표시 정보와의 상호작용을 위한 DOM, 자바스크립트 | ||
| + | * 웹 서버와 비동기적으로 데이터를 교환하고 조작하기 위한 XML, XSLT, XMLHttpRequest (Ajax 애플리케이션은 XML/XSLT 대신 미리 정의된 HTML 이나 일반 텍스트, JSON, JSON-RPC를 이용할 수 있다). | ||
| + | |||
| + | |||
| + | |||
| + | 사용자가 버튼을 클릭하거나 요청을 해야만 웹 브라우저가 새로운 내용을 가져오는 이전의 방식과는 달리, 화면의 일부분만 업데이트된다. | ||
| 브라우저가 서버에 페이지 전체를 요청하는 대신, 필요한 내용만 요청한다. 그 결과가 오면 화면 전체에 뭔가를 그리는 대신 화면 위에 있는 내용을 곧바로 조작한다. 이미지가 새로 나타나게 할 수도 있고, 텍스트가 사라지게 할 수도 있고, 새로운 뭔가를 띄울 수도 있는 등, 무엇이든 조작할 수 있다. | 브라우저가 서버에 페이지 전체를 요청하는 대신, 필요한 내용만 요청한다. 그 결과가 오면 화면 전체에 뭔가를 그리는 대신 화면 위에 있는 내용을 곧바로 조작한다. 이미지가 새로 나타나게 할 수도 있고, 텍스트가 사라지게 할 수도 있고, 새로운 뭔가를 띄울 수도 있는 등, 무엇이든 조작할 수 있다. | ||
| 줄 9: | 줄 19: | ||
| | | ||
| + | =====장점===== | ||
| + | * 페이지 이동없이 고속으로 화면을 전환할 수 있다. | ||
| + | * 서버 처리를 기다리지 않고, 비동기 요청이 가능하다. | ||
| + | * 수신하는 데이터 량을 줄일 수 있고, 클라이언트에게 처리를 위임할 수도 있다. | ||
| + | =====단점===== | ||
| + | * Ajax를 쓸 수 없는 브라우저에 대한 문제가 있다. | ||
| + | * Http클라이언트의 기능이 한정되어 있다. | ||
| + | * 페이지 이동없는 통신으로 인한 보안상의 문제 | ||
| + | * 지원하는 Charset이 한정되어 있다 | ||
| + | * 스크립트로 작성되므로 Debugging이 용이하지 않다. | ||
| + | * 요청을 남발하면 역으로 서버 부하가 늘 수 있음. | ||
| ^ 누구나 수정하실 수 있습니다. [[http:// | ^ 누구나 수정하실 수 있습니다. [[http:// | ||
| - | {{tag> | ||