전공공부/자바스크립트 (JAVASCRIPT)

[자바스크립트] CSV, XML, JSON의 장단점

jooona 2022. 2. 17. 18:02
반응형

데이터를 보내기 위한 파일 형식의 대표적인 예시가 CSV, XML, JSON입니다. 오늘은 이 각각의 차이와 장단점에 대해 간단히 알아보겠습니다.

 

CSV

 

csv의 기본 구조는 아래와 같습니다. 각 항목은 쉼표를 이용해 구분됩니다.

 

1
2
3
4
no, name, age, sex, height
1234, 이준하, 27, 남, 177
1515, 김준준, 41, 남, 188
7419, 홍하하, 11, 여, 144
cs

 

장점

- 용량이 작음: 데이터 외에는 다른 정보가 거의 들어가 있지 않음. 따라서 빅데이터와 같은 분야에서 주로 사용.

 

단점

- 가시화가 어려움: 데이터가 많아지면 각각의 데이터가 어떤 항목에 포함되는지를 직관적으로 알기 어려움.

 

XML

 

xml의 기본구조는 아래와 같습니다. 마크업 언어로 태그를 이용하여 트리구조로 데이터의 구조를 기술합니다.

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<students>
    <student>
        <no>1234</no>
        <name>이준하</name>
        <age>27</age>
        <sex></sex>
        <height>177</height>
    </student>
    <student>
        <no>1515</no>        
        <name>김준준</name>
        <age>41</age>
        <sex></sex>
        <height>188</height>    
    </student>
        <no>7419</no>
        <name>홍하하</name>
        <age>11</age>
        <sex></sex>
        <height>144</height>
</students>
cs

 

장점

- 직관적: 사람이 해석하기 쉽다. 태그가 달려있어서 값의 정보를 정확하게 알 수 있다.

 

단점:

- 용량이 크다: 데이터 이외에 다른 부가적인 요소가 많다.

 

JSON

 

json의 기본구조는 아래와 같습니다. json은 csv와 xml의 장점을 합쳐놓은 형태라고 볼 수 있습니다.

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
[
 {
     "no" : "1234",
     "name" : "이준하",
     "age" : "27",
     "sex" : "남",
     "height" : "177"
 },
 {
     "no" : "1515",
     "name" : "김준준",
     "age" : "41",
     "sex" : "남",
     "height" : "188"
 },
 {
     "no" : "7419",
     "name" : "홍하하",
     "age" : "11",
     "sex" : "여",
     "height" : "144"
 }
]
cs

 

장점

- 파일 크기가 비교적 작다: xml에 비해 부가적인 정보가 적어서 파일 크기가 비교적 작습니다.

- 단순하다: 모양과 규칙이 단순하여 알아보기 쉽고 값의 정보 역시 쉽게 파악할 수 있다.

 

단점

- 문법상의 오류: 콤마가 누락되거나 중괄호를 잘못 닫는 등 문법 오류가 발생하기 쉽다.

반응형