겨울 모각코 6주차 결과

Ajax

ajax?

• 기존 동기형으로 진행되던 모델
  • 브라우저와 서버가 계속 연결이 되어있어 요청을 보낸 후 처리가 완료되어 끝날 때까지 기다리는 형식으로 실행되었음.
• Ajax 비동기형 모델
  • 브라우저에서 서버로 요청을 보낸 후 연결을 끊는다. 그 동안 브라우저는 다시 할 일을 하고, 서버에서는 여러 상태를 거쳐 처리상태인 4단계 상태가 되었을 경우 브라우저와 연결되어 브라우저가 처리된 요청을 가져온다.

XMLHttpRequest

XMLHttpRequest?

• 동기 비동기 통신을 지원하는 오브젝트. 오브젝트를 사용해 데이터 송수신
• XML이 이름에 들어가있지만 XML형태만 통신되는게 아님.
• Object로 Resource를 fetch하기 위한 API.
• SOP 제약이 있음.(같은 source(protocol,port,host 세개 다 같아야 함)의 URL에만 접근 가능)
• CORS는 가능. 출처를 두 개 이상으로 줌으로써 다른 source에 접근할 수 있도록 브라우저에게 알려주는 방식.
• XHR flow
  1. 브라우저에서 Request 발생하면 XHR 인스턴스 생성 후 서버 상태에 대한 이벤트 핸들러를 만들어준다. 서버와 연결되어 통신 방법과 전송 방법, URL을 지정해준 후 데이터를 전송해준다.
  2. 서버에서 상태가 바뀔 때마다 상태를 브라우저로 전송해준다. 그리고 마지막 단계의 상태에서 처리가 완료된 데이터를 전송해준다.
  3. 브라우저에서 Response를 받을 때 서버에서 받는 상태들에 대해 이벤트 핸들러에서 처리해준다.

---

통신 Respose 상태 코드

• 101~199: 정보
• 200~299: 성공
• 300~305: 리다이렉션
• 400~499: Request 에러
• 500~599: 서버 응답 에러
• response 타입도 설정 가능.

 

느낀점: 어느덧 마지막 모각코가 끝이 났다. 코로나만 아니었따면 여행을 갔을 방학이지만, 코로나 규제가 심해 어디 가서 마음 편하게 놀지도 못하고 그렇다고 집에서 무언가 대단한걸 하지 못한 어영부영한 방학을 지나는 중인 것 같다. 남은 2월달동안 다음 봄학기를 위해 다시 마음 잡고 준비하는 시간을 가져야겠따.