AJAX와 JSON, JSON의 이해

 

JSON의 이해

JSON(JavaScript Object Notation)은 데이터를 저장하고 교환하기 위한 경량의 형식입니다. JSON은 자바스크립트 객체의 표기법을 기반으로 하며, 다른 프로그래밍 언어에서도 쉽게 이해하고 사용할 수 있습니다.

 

 

1. JSON의 기본 구조와 문법

JSON은 key-value 쌍으로 이루어진 데이터 객체를 가집니다. 이러한 key-value 쌍은 중괄호 {} 로 감싸져 있습니다. 각 key와 value는 콜론(:)으로 구분되고, 각 쌍은 쉼표(,)로 구분됩니다. 아래는 JSON의 기본 구조를 보여줍니다.

{
  "name": "wolhyong",
  "age": 30,
  "city": "Seoul, Korea"
}

 

 

 

 

2. JSON과 XML 비교

JSON과 XML은 모두 데이터를 표현하는 데 사용되지만, JSON이 더 간결하고 가독성이 높으며 데이터 크기가 작습니다. 반면에 XML은 더 많은 기능을 제공하고 데이터 구조를 더욱 유연하게 표현할 수 있습니다.

 

 

 

 

 

3. AJAX에서 JSON 사용

AJAX에서 JSON을 사용하는 것은 매우 일반적입니다. JSON 데이터를 요청하고 처리하는 방법은 다음과 같습니다.

 

· JSON 데이터 요청하기: XMLHttpRequest 객체를 사용하여 서버로부터 JSON 데이터를 요청합니다.
· JSON 데이터 처리하기: 서버에서 받은 JSON 데이터를 JavaScript 객체로 파싱하여 처리합니다.
· 서버로 JSON 데이터 전송하기: POST 요청을 통해 JSON 데이터를 서버에 전송합니다.

 

 

반응형

 

 

JSON 파싱 및 문자열화

JSON.parse()와 JSON.stringify() 함수를 사용하여 JSON 데이터를 파싱하거나 문자열화할 수 있습니다.

 

· JSON.parse(): JSON 문자열을 JavaScript 객체로 변환합니다.
· JSON.stringify(): JavaScript 객체를 JSON 문자열로 변환합니다.

 

아래는 간단한 예제입니다.

 

// JSON 문자열을 JavaScript 객체로 파싱
var jsonStr = '{"name":"wolhyong", "age":30, "city":"Seoul, Korea"}';
var jsonObj = JSON.parse(jsonStr);

// JavaScript 객체를 JSON 문자열로 변환
var person = {name: "wolhyong", age: 30, city: "Seoul, Korea"};
var jsonString = JSON.stringify(person);

 

JSON을 이해할 수 있도록 간단하면서 쉽게 수업을 만들어봤는데요. 다음 시간에는 오류 처리 및 디버깅에 대해 알아보는 시간을 만들도록 하겠습니다.

 

 

 

 

 

- 이전 수업 목록