JSON 개념 정리

유튜브 "코딩애플" 영상 내용을 정리하였습니다!

# JSON

데이터를 효과적으로 전달하는 방법

복잡한 데이터를 전송할 때는, 데이터를 구조적으로 정리하는 방식이 필수적이다.즉, 담는 틀/형식을 통해 보내야, 추후 필요한 데이터를 쉽게 추출할 수 있다.

대표적으로 사용되는 데이터 형식

• XML
• CSV
• JSON

참고:  인터넷은 서로 연결된 컴퓨터 간에 문자를 주고받을 수 있게 해주는 네트워크이다.

 

1. XML

<데이터이름> 값 </데이터이름>
<데이터이름> 값 </데이터이름>
<데이터이름> 값 </데이터이름>

 

- 장점: JavaScript를 사용하면 XML 데이터를 객체로 쉽게 변환할 수 있어 필요한 데이터를 뽑아내기 용이하다.

- 단점: 작성이 번거롭고 복잡하며, 용량도 크게 차지한다.

 

2. CSV

Year, Brand, Model
1997, Ford, E350
2000, Mercury, Cougar

 

- 장점: 데이터베이스에서 가져온 테이블 형식의 데이터를 표현하는 데 적합하다.

- 단점: 고차원 데이터(예: 표 안의 표)를 CSV로 표현하기 어렵다.

 

그래서!!! 요즘은!!!

3. JSON

{ "name" : "kin", "age" : 20 } 

 

- 파일을 생성하려면!

1)  .json 확장자로 만들면 된다. 

2)  JSON안에는 문자열, 숫자, 불리언 값 등을 적을 수 있다.

• 이때, 문자는 반드시 큰따옴표 감싸줘야 한다.
• object는 데이터 왼쪽에 이름을 지정해줘야 한다.

3)  코딩할 때 JSON 예시

• JavaScript에서 JSON을 만들고 싶을 때

<script>
var obj = { name: 'kim', age: 20 };
var json = JSON.stringify(obj);
</script>

 

• 반대로 JSON을 다시 object나 array로 변환해서 사용하고 싶을 때

<script>
var obj = { name: 'kim', age: 20 };
var json = JSON.stringify(obj);

var a = JSON.parse(json);
console.log(a);
</script>

 

---

JSON (존슨) 은 자바스크립트 문법이 아닙니다
코딩애플