JQuery>
JavaScript를 짧게 간추려서 사용할 수 있게 해준다.
JQuery를 사용하기 위해서는 다음의 코드가 필요하다.
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
JQuery는 다음과 같은 꼴이다.
id에는 html에서 지정한 id를 사용한다.
$('#id').text('');
hide, show, val, append 등 직관적으로 다양한 코드를 사용할 수 있다.
서버-클라이언트 통신>
API를 사용하여 다양한 서버의 정보를 실시간으로 받아올 수 있다.
OpenAPI를 통해 미세먼지 농도와 같은 모두에게 공개되는 정보를 가져올 수도 있다.
통신 포맷을 JSON이라고 한다. Chrome의 JSONView로 코드를 확인할 수 있다.
GET은 데이터를 조회, POST는 데이터를 바꾸는 것을 요청할 때 사용한다.
https://www.google.com/search?q=아이폰&sourceid=chrome&ie=UTF-8
? : 여기부터 전달할 데이터가 작성됨을 의미한다.
& : 그외 다른 데이터가 더 있음을 의미한다.
AJAX>
JQuery를 import한 페이지에서만 작동한다.
$.ajax({ type: "GET", url: "OpenAPI의 URL", data: {}, success: function(response){ console.log(response) } })
response에 OpenAPI의 데이터가 들어가게 된다. response 자리는 어떤 문자든 상관없다.
JQuery에서 이미지의 src를 변경할 때는 .attr을 사용하면 된다.
$('#img-id').attr('src', 'link')
Newbie