🖊 용어정리
1. Ajax
Asynchornous Javascript And XMl
JavaScript를 사용한 비동기 통신, 클라이언트와 서버간에 XMl 데이터를 주고 받는 기술
(비동기 : 웹페이지를 리로드하지 않고도 데이터를 불러오는 방식)
→ 자바스크립트를 통해서 서버에 데이터를 요청하는 것
<장점>
- 웹페이지의 속도향상
- 서버의 처리가 완료될 때까지 기다리지 않고 처리가 가능하다
- 서버에서 Data만 전송하면 되므로 전체적인 코드의 양이 줄어듬
- 기존 웹에서는 불가능했던 다양한 UI를 가능하게 해줌
• 단점
- 히스토리 관리가 되지 않는다
페이지 이동없는 통신으로 인한 보안상의 문제가 있다
연속으로 데이터를 요청하면 서버 부하가 증가할 수 있다
<기본 코드>
<script>
function loadDoc() {
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("demo").innerHTML =
this.responseText;
}
};
xhttp.open("GET", "ajax_info.txt", true);
xhttp.send();
</script>
}
2. CORS
Cross-Origin Resource Sharing (교차&다른 출처 리소스 공유)
추가 HTTP 헤더를 사용하여, 한 출처에서 실행 중인 웹 애플리케이션이 다른 출처의 선택한 자원에 접근할 수 있는 권한을 부여하도록 브라우저에 알려주는 체제다.
즉, 위에서 시뻘겋게 CORS 어쩌구 에러는 CORS를 허용해서 아무런 탈 없이 다른 출처 리소스 공유를 해달라는 권고 사항 같은 것이라 볼 수 있다
출처: https://inpa.tistory.com/entry/WEB-📚-CORS-💯-정리-해결-방법-👏 [👨💻 Dev Scroll:티스토리]
3. restful API
RESTful API는 두 컴퓨터 시스템이 인터넷을 통해 정보를 안전하게 교환하기 위해 사용하는 인터페이스이다. 대부분의 비즈니스 애플리케이션은 다양한 태스크를 수행하기 위해 다른 내부 애플리케이션 및 서드 파티 애플리케이션과 통신해야 한다. RESTful API는 안전하고 신뢰할 수 있으며 효율적인 소프트웨어 통신 표준을 따르므로 이러한 정보 교환을 지원합니다.
🖊 실습
1. jsonplaceholder에서 데이터 가져오기
2. onload에서 바로 로딩
3. Json Array 조작 방법
4. 파라미터 넘기고 코멘트 표시
5. movie list
splunk