[CS] 비동기 통신, 통신 방식, GET과 POST

비동기 통신

• 자바스크립트 초기에는 JS로 서버에 별도 페이지를 요청하지 못하게 만들어졌었음
  추후 니즈에 따라 다양한 개체들이 만들어짐
• HTTP Request 등

브라우저가 요청을할때 주소를 보고 주소가 다르다면 서비스를 해주지 않는다

• 비동기통신 → 안전하냐, 안전하지 않느냐를 체크해줘야한다.

• AJAX

  • 언어, 프레임워크는 아닌 구현하는 방식임
  • 웹화면을 갱신않고 데이터를 서버로부터 가져와 처리하는 방법
  • XMLHttpRequest객체로 데이터를 전달하고 비동기 방식으로 결과 조회
  • 사용자 입장에선 편리하지만 동적으로 DOM을 구성해야하여 복잡하다.

Ajax 요청에 대한 응답

• data 입력후 event가 발생한다
• Ajax를 적용하면 event 발생시 서버에서 요청을 처리후 text, xml, json으로 응답
• 브라우저에서는 이 응답을 이용하여 화면 전환없이 현재 페이지에서 동적으로 화면 재구성

서버와 클라이언트의 상호작용 방식

• SSR (Serverside Rendering)
  • 화면 구성이 서버에서 이루어짐 (JSP, PHP, ASP 등)
• CSR (Clientside Rendering)
  • 클라이언트(=브라우저)에서 화면을 구성 (주로 Javascript)
  • Ajax는 대표적인 CSR 방식

GET방식과 POST 방식

• GET
  • URL에 데이터를 포함시켜 요청
  • 데이터를 Header에 포함하여 전송
  • URL에 데이터가 노출 (보안취약)
  • 전송길이 제한
  • 캐싱 가능 (동일한 요청시 빠른 응답을 위해 레지스터에 데이터 저장)
  • GET방식은 URL에 ?+파라미터를 취한다
• POST
  • URL에 변수를 노출하지 않고 요청
  • 데이터를 Body에 포함
  • URL에 데이터가 노출되지 않아 기본적으로 보안
  • 전송 길이 제한X
  • 캐싱 불가