Ajax가 뭐죠?
Ajax라는 말은 제가 언제가부터 들었는데
당최 이게 뭐하는 거죠?
왜 사람들이 이걸 사용하는 거죠?
당최 개념이 안잡히네요..
Ajax가 뭐죠?
[이 게시물은 관리자님에 의해 2011-10-31 16:49:28 Prototype에서 이동 됨]
댓글 6개
오리주둥이
18년 전
검색을 해보니 "AJAX는 Asynchronous JavaScript + XML의 약자로 해석하자면 비동기식 자바 스크립트와 XML이라 할 수 있다. " 라고 나옵니다.
결국 ajax라는 프로그램이 있는것은 아니라는것이죠.
html만드려면? 메모장? 가능하죠.
하지만 좀 더 그럴듯 하려면? 포토샵에서 이미지 작업도 하고 드림위버나, 아니면 메모장에서 자바스크립트도 좀 써보고..
이건 아니야, 게시판을 붙이기 위해 php언어로 만들어서 올리고.
이해가 되시죠?
ajax도 비슷합니다. xml과 javascript를 사용하여 좀더 필요한 무언가를 구성하고 조인시켜서 더 좋은 사이트를 만드는 방법론적인 구성중 하나일 뿐입니다.
결국 ajax라는 프로그램이 있는것은 아니라는것이죠.
html만드려면? 메모장? 가능하죠.
하지만 좀 더 그럴듯 하려면? 포토샵에서 이미지 작업도 하고 드림위버나, 아니면 메모장에서 자바스크립트도 좀 써보고..
이건 아니야, 게시판을 붙이기 위해 php언어로 만들어서 올리고.
이해가 되시죠?
ajax도 비슷합니다. xml과 javascript를 사용하여 좀더 필요한 무언가를 구성하고 조인시켜서 더 좋은 사이트를 만드는 방법론적인 구성중 하나일 뿐입니다.
onweb
18년 전
비동기 라는게 메리트가 아닐까 합니다.
청주띠기리
18년 전
기존에 존재한 자바스크립트, 동적인 HTML, XML을 활용해서
웹 어플리케이션을 활동적이고 기민한 테스크 탑 애플리케이션처럼
꾸미는 프로그래밍 방법
다시 말해서, "서버로의 비 동기 통신 기술"과 "동적 클라이언트 스크립팅 기법"을
하나로 묶은 것이 Ajax라는 것입니다.
AJAX의 특징
- Web Browser가 아닌 XMLHttpRequest 객체가 Web Server와 직접 통신함
- Web Server의 응답결과는 HTML문서가 아닌 필요한 데이터를 담고 있는
XML이나 텍스트 문서임
- 전체 페이지를 Reload하지 않고 필요한 부분만 갱신함
AJAX의 구성요소
* XMLHttpRequest
- 웹 서버와의 통신을 담당, 사용자의 요청을 Web Server에 전송하고 Web Server로부터
받은 결과를 Web Browser에 전달
* DOM
- 문서의 구조를 나타냄.
- Browser 화면을 조작할 때 사용
* CSS
- 글자의 색상, 배경색, 위치, 투명도와 같은 UI를 꾸며주는 용도로 사용
* Java Script-x
- 사용자의 Browser 조작을 감지하고, Web Server에 요청하고, Web Server로 부터의
응답에 대해 화면을 갱신함
웹 어플리케이션을 활동적이고 기민한 테스크 탑 애플리케이션처럼
꾸미는 프로그래밍 방법
다시 말해서, "서버로의 비 동기 통신 기술"과 "동적 클라이언트 스크립팅 기법"을
하나로 묶은 것이 Ajax라는 것입니다.
AJAX의 특징
- Web Browser가 아닌 XMLHttpRequest 객체가 Web Server와 직접 통신함
- Web Server의 응답결과는 HTML문서가 아닌 필요한 데이터를 담고 있는
XML이나 텍스트 문서임
- 전체 페이지를 Reload하지 않고 필요한 부분만 갱신함
AJAX의 구성요소
* XMLHttpRequest
- 웹 서버와의 통신을 담당, 사용자의 요청을 Web Server에 전송하고 Web Server로부터
받은 결과를 Web Browser에 전달
* DOM
- 문서의 구조를 나타냄.
- Browser 화면을 조작할 때 사용
* CSS
- 글자의 색상, 배경색, 위치, 투명도와 같은 UI를 꾸며주는 용도로 사용
* Java Script-x
- 사용자의 Browser 조작을 감지하고, Web Server에 요청하고, Web Server로 부터의
응답에 대해 화면을 갱신함
17년 전
컥;;
Calliope
17년 전
흠
잠자리똥꾸멍
17년 전
쉽게말해서 페이지 전환없이 데이터를 전송하고 값을 받아와서 처리하는게 가능하다는 뜻입니다.
html의 특성상 페이지로딩시에 연결하고 모든페이지를 불러오고 나면 연결이 끊기게 되어있습니다.
그렇게 되면 일단 다른페이지와의 통신은 불가능하지 않습니까.
그러한 것을 보완해주기 위한 기술입니다. 새로운 기술은 아니고 기존에 있던 기술을 응용해서 만들어낸 것이라 할 수 있습니다.
위의 분들의 자세히 설명해 주셨네요 ㅎ
html의 특성상 페이지로딩시에 연결하고 모든페이지를 불러오고 나면 연결이 끊기게 되어있습니다.
그렇게 되면 일단 다른페이지와의 통신은 불가능하지 않습니까.
그러한 것을 보완해주기 위한 기술입니다. 새로운 기술은 아니고 기존에 있던 기술을 응용해서 만들어낸 것이라 할 수 있습니다.
위의 분들의 자세히 설명해 주셨네요 ㅎ
게시글 목록
| 번호 | 제목 |
|---|---|
| 28772 |
HTML
오늘 날짜와 요일 넣기
1
|
| 10555 | |
| 10554 |
JavaScript
홈에 머문시간을 제목표시줄과 상태바에 실시간으로 알려줍니다
|
| 10553 | |
| 28770 |
HTML
창의 사이즈 변경 금지 시키기
1
|
| 28769 |
HTML
손님의 방문 횟수를 알려 줍니다
|
| 10552 | |
| 10551 | |
| 28768 |
HTML
자바스크립트 버튼에 링크 걸기
|
| 10550 | |
| 10549 |
JavaScript
들어올때나 나갈때나 인사는 착실히 해야죠..ㅋㅋㅋㅋ
|
| 10548 | |
| 10547 | |
| 28767 |
HTML
이름을 물어보고 인사하는 스크립트
|
| 10546 | |
| 10545 |
JavaScript
창을 열면 인사하는 간단한 스크립트
|
| 10544 | |
| 28766 | |
| 10541 | |
| 10540 | |
| 10538 | |
| 10537 |
기타
순발력테스트
|
| 10535 |
Flash
Ajax강의
1
|
| 10534 |
JavaScript
named -- dns서버
|
| 10533 |
JavaScript
문서내 이미지갯수 출력
|
| 10532 | |
| 28760 | |
| 10531 | |
| 10530 |
JavaScript
리눅스 부팅후 자동 실행
|
| 28759 |
HTML
버튼에 스타일주기(익스)
|
| 10527 | |
| 10525 | |
| 10523 | |
| 10520 |
Flash
swish 서브메뉴 제작방법
2
|
| 28758 |
HTML
오른쪽마우스클릭시메뉴(익스전용)
|
| 28757 |
HTML
오른쪽마우스클릭시메뉴(익스전용)
|
| 10519 | |
| 10518 |
MySQL
mysql 자동 최적화 / 복구 스크립트
|
| 10517 |
JavaScript
내용 복사해서 붙어넣기 하면 출처까지가 따라서 나옴 (출처:네이버 소스)
|
| 10515 |
JavaScript
ncftp사용법
1
|
| 28756 |
HTML
영카트에서 카테고리 검색하기
|
| 10514 | |
| 10512 | |
| 10511 |
JavaScript
영어철저가 의심스러울때
|
| 10510 |
JavaScript
로그인할때 나오는 메시지 바꾸기
|
| 10509 | |
| 10508 | |
| 10507 | |
| 28755 |
HTML
자바스크립트로 url 획득
|
| 28751 | |
| 10506 |
JavaScript
파일을 엑셀 혹은 워드로 다운 받기
|
| 10505 | |
| 10504 |
JavaScript
테이블속성연습
|
| 10503 | |
| 10499 | |
| 10487 | |
| 28748 |
HTML
투명도조절
2
|
| 10486 | |
| 28747 | |
| 10484 |
JavaScript
날짜 계산하기
1
|
| 10483 |
기타
폼필드로 바탕색상조정
|
| 10482 | |
| 28746 |
HTML
버튼 하나로 링크두개를 열어보자
|
| 10480 |
JavaScript
접속시도를 여러번 하는 IP 자동 블락하기
1
|
| 10476 | |
| 10473 |
JavaScript
팝업창.. 지정한 시간대에 열기
2
|
| 10472 |
기타
한글 영문으로 변환
|
| 28745 |
HTML
[펌]다중 업로드
|
| 10460 | |
| 10456 | |
| 28739 | |
| 10455 | |
| 28738 | |
| 10451 | |
| 10448 | |
| 10446 |
JavaScript
font-weight 숫자로도 가능
1
|
| 10445 |
JavaScript
에디터 수정해서 쓰세요!
|
| 10444 |
기타
리사이즈 팝업
|
| 10442 | |
| 10439 |
JavaScript
배경음악 또는 배경이미지 등 브라우저를 열고 처음 접속시 한번만 실행
2
|
| 10408 |
Flash
무료 플래시 209개
30
|
| 10403 | |
| 10400 |
JavaScript
문서내에 글씨 찾기
2
|
| 10398 | |
| 10397 | |
| 10396 |
JavaScript
ssh dictionary attack 막기
|
| 10391 | |
| 10390 | |
| 28733 |
HTML
밑의 갤러리 압축 화일
4
|
| 10389 |
JavaScript
까만도둑님께서 플래쉬 갤러리가 필요하시다고 해서...
|
| 10383 | |
| 10378 |
Flash
플래시에서 tabIndex 적용하기
4
|
| 28732 | |
| 10342 |
Flash
간단하지만 유용한 배너관리 시스템
35
|
| 28731 | |
| 10335 |
Flash
플래시 자동 슬라이더
6
|
| 28730 |
HTML
cart클래스2
|
| 28729 |
HTML
cart클래스1
|
| 28727 |
HTML
비교 복사
1
|
| 10332 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기