[JS + jquery] Ajax

1. Ajax

Ajax(Asynchronous JavaScript and XML) 이란 비동기 방식의 Javascript와 xml을 가르킨다. 

 

❗ 동기 방식과 비동기 방식 

동기 방식은 서버에 신호를 보냈을 때 응답이 돌아와야 다음 동작을 수행할 수 있다.

비동기 방식은 신호를 보냈을 때 응답과 상관없이 다음 동작을 수행할 수 있다.

 

 

2. Ajax를 이용하는 이유 

Ajax를 사용하는 이유는 화면 전환 없이 클라이언트와 서버간에 xml, json, 텍스트, html 등의 정보를 교환하기 위해서이다. 즉, Ajax를 이용하면 사용자가 서버에 자료를 요청할 때 화면 전환 없이 요청한 자료를 전송받을 수 있다. 

(사용자는 서버에 자료를 요청하는 사이에도 다른 작업이 가능해진다.)

 

 

3. 웹 서버 

외부에 있는 사용자가 완성된 웹 문서를 볼 수 있도록 하려면 웹 서버를 구축하고 웹 서버에 완성된 html 문서를 저장해야한다. 

또한 Ajax를 이용해 사용자가 폼 입력 요소를 작성해서 데이터를 전송하고 응답을 요청하는 테스트를 수행하려면 웹 서버도 필요하지만 데이터를 전송하여 요청한 응답을 전송해 줄 액션 페이지도 필요하다. 

주로 이 액션 페이지는 서버 측 스크립트 페이지인 PHP, JSP, ASP  를 이용해 사용한다. 

 

❗ 클라이언트 언어와 서버 측 언어 

클라이언트 언어는 대표적으로 자바스크립트가 있고, 

서버 측 언어는 PHP, ASP, JSP 등이 있다. 

 

❗ 웹 서버와 웹 호스팅의 차이 

웹 서버는 사용자가 직접 컴퓨터에 서버를 구축하여 웹 서비스를 제공하는 것으로 웹 서버에 대한 전문 지식이 있어야 하고, 전용 회선을 갖춰야 한다. 

웹 호스팅은 이미 서버가 구축된 외부 컴퓨터에 다수의 사용자가 소량의 저장 공간을 나눠 임대하여 사용하는 것을 말한다. 

 

 

4. 웹 서버 설치하기 

나는 테스트를 위해 웹 호스팅 방식을 사용하기로 하였다.

https://www.ivyro.net/html/main/

:: 아이비호스팅 - 참 좋은 호스팅 ::

여기 말고도 닷홈이나 후이즈 등 여러곳이 있는데 뭐 원하는 곳에서 하면 될것같다.

회원 가입 후 무료 호스팅을 신청했다. 

 

그리고 원격으로 파일을 올릴 수 있는 filezila 사이트에서 로컬에 있는 예제인 index.html을 올려 정상적으로 접속 되는 지 확인해줬다.