[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 ... { ... });
//응답부분 //응답 데이터를 지칭

 

JavaScriptJSON데이터에 접근하기

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창에 출발지출력
});

 

 

 

 

 

/ 참조 : https://www.youtube.com/watch?v=QPEUU89AOg8 /

728x90
반응형