JSON이란?
JSON: JavaScript Object Notation(표기법) - 순수 문자열서버와클라이언트(브라우저, 모바일) 간의 HTTP 통신을 위한 오브젝트 형태의 텍스트 포멧포멧: 데이터를 특정 형식으로 변환하거나, 출력하는 방식
stringify(object): object를 JSON 형태로 변환parse(JSON): JSON을 object 형태로 변환
실습 예제
const ellie = {
name: "ellie",
age: 20,
eat: () => {
console.log("eat");
},
};
// 직렬화 Serializing: 객체를 문자열로 변환
const json = JSON.stringify(ellie);
// 역직렬화 Deserializing: Json 문자열을 객체로 변환
const re_ellie = JSON.parse(json);Response.json()
-
JavaScript에서 네트워크를 통해 자원을 가져올 때 사용됨
-
fetchAPI로 네트워크 요청시Response객체를 반환하는데 이 객체는 서버에서 보낸 응답의 세부 정보와 데이터를 저장하고 있다. -
비록
json()형태 일지라도 결과를 호출했을 때 결과는json이 아니다. -
Response body에 있는json을parsing하여JavaScript Object로 변환해주는 함수다.
예제 실습
<!DOCTYPE html>
<html lang="en">
<body>
<script>
fetch(
"https://www.7timer.info/bin/api.pl?lon=113.17&lat=23.09&product=astro&output=json"
)
.then((res) => {
console.log(typeof res);
console.log(res);
return res.json();
})
.then((data) => {
console.log(data);
console.log(data.dataseries);
});
</script>
</body>
</html>REST API란?
Http의 통신 규칙의 효율을 높인 모범 사례
REST API Resource 사용법
-
REST API는 통신과정에서 Resource를 주고받으며 URI를 통해서 표현된다.
-
Collection: resource 전체를 식별하고 싶을 때 사용하는 URI
-
Element: resource의 한 건, 한 건의 데이터를 Element라고 함
-
일반적으로 id값을 사용해 element를 표현
!!! URI는 정보를 식별하는 이름뿐, 정보를 가공할 수 있는 방법이 따로 있다.
http Method(CRUD)
- URI로는 정보를 가공할 수 없다. REST API에서는 Resource를 가공하기 위해 아래와 같은 method를 사용한다.
Create - Post
Read - Get
Update patch(부분수정) / put(전체 수정)
Delete - Delete
element단위는 삭제가 가능하나전체 단위로는 삭제가 막혀 있을 수 있다.
Ajax의 Fetch API를 이용하여 REST API 이용하기
- 데이터의 Resource는 URI를 통해 식별한다.
- 행위를 하기 위해서 http의 method 규정을 사용한다.
생활코딩 REST API 실습 강의
안녕하세요! 풀스택 개발자가 되고싶은 윤채영입니다. 제 블로그에 방문해주셔서 감사합니다!~~