[JavaScript] JSON 개념 정리 와 활용방법(JSON CallBack)

Json 이란 :  https://thalals.tistory.com/32

이전에 JSON의 형태의 대해 Python으로 정리를 한 적이있다.

Json의 개념과 형식(format)은 전에 공부하였고, 오늘은 자바스크립트에서 Json의 활용법을 정리하고자 한다.

---

JSON 이란

---

JSON API

자바스크립트에서 JSON에 내장되어 API는

1. parse : JSON to object

2. stringify : object to JSON

이 2개임을 아래의 사진을 통해 확인 할 수 있다.

---

Object to JSON

 

stringigy API로 JavaScript object를 json으로 변환 시킬 수 있다.

 

Stringify API Interface를 보면

2가지 타입으로 오버로딩 되어있는 있다.

1. 첫번째는 그냥 단순한 JSON타입(문자열, 정수형, 배열, 객체) 등 으로 파라미터가 오는 경우이고

2. 두번째는 Callback함수를 이용해서 조금 더 유연하게 호출하는 것이다.

 

json call back 함수로 제어

Call back 함수로 유연하게 제어한다는 것은 아래의 예시와 같다.

함수를 이용해서 Return 되는 것을 JSON으로 변환 시킬 수 있다. (값의 동적인 변경)

 

---

JSON to Object

 

JSON 을 받아오는건 간단하게 Parse를 사용하면 된다.

 

Parse도 Call balck 함수를 사용해서 유용하게 변환할 수 있는데

아래의 그림처럼 JS Date 데이터를 Json으로 변환해도 Data()타입이 아닌 String으로 변환이 된다.

 

이때 parse를 callback 함수를 이용하면 아래의 사진처럼 string type을 사용자가 사용할 Data()타입으로 변환해서 저장할 수 있다.

 

 

[유틉 드림코딩 내용 정리 : https://www.youtube.com/watch?v=FN_D4Ihs3LE&list=PLv2d7VI9OotTVOL4QmPfvJWPJvkmv6h-2&index=10 ]