끄적끄적 코딩
Published 2023. 3. 17. 01:42
data 전송 형식 (CSV, XML, JSON) FrontEnd

data 전송 형식 (CSV, XML, JSON)
Server와 Client는 주고 받을 data의 형식을 맞춰야 함
대표적인 data의 형식은 CSV, XML, JSON등이 있음

CSV (Comma Separated Values)
각 항목을 쉼표(,)로 구분해 데이터를 표현하는 방법
다른 두 형식에 비해 굉장히 짧다. 많은 양의 데이터 전송 시 유리
단, 각각의 데이터가 어떤 내용인지 파악하기 어렵다. (서버와 클라이언트가 완벽히 데이터 구조를 공유할 경우 가능)

XML(eXtensible Markup Language)
xml은 tag로 data를 표현함
tag를 보면 각 data가 무엇을 의미하는지 파악 가능
tag에 사용자 정의 속성을 넣을 수 있으므로 복잡한 data 전달 가능

JSON(JavaScript Object Notation)
CSV와 XML의 단점을 극복한 형식
Javascript에서 사용하는 객체의 형식으로 data를 표현
Ajax 사용시 거의 표준으로 사용되는 data 표현 방식

JSON 특징
1. 데이터를 주고 받을 때 쓸 수 있는 가장 간단한 파일 포맷
2. 텍스트 기반으로 상당히 가볍다.
3. 읽기 편함
4. Key와 value의 쌍으로 되어 있다.
5. 서버와 데이터를 주고 받을 때 직렬화(serialize), 역직렬화(deserialize)를 사용함
6. 프로그램 언어나 플랫폼에 상관없이 사용 가능

JSON 직렬화
객체를 문자열로 변환하는 작업
통신을 할 대는 문자열로 직렬화 하여 주고 받는 것이 안전함
사용법 : JSON.stringify(JSON 객체)

JSON 역직렬화
문자열을 객체로 변환하는 작업
서버로부터 받은 문자열은 객체로 역직렬화 하여 사용
사용법 : JSON.parse(JSON형식의 문자열)

'FrontEnd' 카테고리의 다른 글

React 디자인 패턴  (1) 2023.09.07
검색엔진 최적화 SEO  (0) 2023.09.04
fetch()  (0) 2023.03.17
XMLHttpRequest  (0) 2023.03.17
AJAX(Asynchronous Javascript And XML)  (0) 2023.03.17

검색 태그