[API이해하기]API사용을 위한 기본적인 것들
2021. 8. 5. 00:29ㆍ컴퓨터과학
728x90
반응형
[API의 개념과 활용]
- API : 프론트엔드(인터페이스)가 백엔드(데이터 처리)에 요청 할 때 필요한 규칙.
- open API : 백엔드서버 구축해놓은 기능을 사용할 수 있도록 공개한 API.
ㆍAPI가이드 파악하기
API가이드에 포함되는 내용 | 예시 |
[요청] - 요청할 데이터의 전달 방식 명시 : GET, POST GET : 주소창에 데이터를 전부 담아 전송 POST : 내부에 데이터를 담아 전송 - 보낼 데이터 |
[요청] - 요청할 데이터 전달 방식 : GET - 보낼 데이터 : 1. query_검색어(필수) 2. sort_정렬방식(선택) 3. target_검색대상(선택) |
[응답] - 응답할 데이터 : JSON, XML 등의 형식 - 응답 데이터의 의미 설명 |
[응답] - 응답할 데이터의 형식 : JSON - 응답 데이터의 의미 설명 : 1. title_도서 제목 2. contents_도서 소개 3. thumbnail_도서표지 썸네일 URL |
ㆍAPI의 요청과 응답을 다루는 기술 : AJAX
AJAX의 요청과 응답 예시 | 설명 |
$.ajax({ method : "POST", url : "some.php", data : { name : "John", location : "Boston" } }) .done(function(msg) { alert("Data Saved: " + msg); }); |
$.ajax({ ... }) //요청부분 .done( ... msg ... { ... }); //응답부분 //응답 데이터를 지칭 |
ㆍJavaScript로 JSON데이터에 접근하기
JSON데이터 예시 | JSON데이터에 접근하는 JS코드 형식 |
{ "KEY" : "NAME", "startX" : "126.97871544", "startY" : "37.56689860", "startName" : "출발지", "places" : ["연남동", "신당동"] } |
data.KEY data.startName // 출발지 data.places[0] //연남동 |
AJAX에서 접근하기 | |
... .done(function(msg) { console.log(msg.documents[0].startName); // console창에 “출발지” 출력 }); |
728x90
반응형
'컴퓨터과학' 카테고리의 다른 글
AWS로 서비스 배포하기(1)_.jar파일을 AWS서버에 GitHub와 연동하여 배포하기 (0) | 2021.08.18 |
---|---|
[Codecademy HTML]HTML기초문법, 기초내용 등 (0) | 2021.08.10 |
[Spring Framework 특성 살피기] PSA에 대한 이해 (0) | 2021.08.03 |
[Spring Framework 특성 살피기] IoC에 대한 이해 (0) | 2021.08.02 |
REST, RESTful의 개념 (0) | 2021.07.28 |