JSON이 뭔가요? – 데이터를 주고받는 가장 널리 쓰이는 형식

✅ JSON이란?

JSON(제이슨)은 JavaScript Object Notation의 줄임말로,
웹에서 데이터를 주고받을 때 가장 많이 사용하는 데이터 포맷입니다.

• 사람도 읽기 쉬우면서
• 컴퓨터도 처리하기 쉬운 형식입니다.

간단히 말하면, 정보를 텍스트로 정리해 놓은 구조화된 방식이라고 할 수 있습니다.

---

🧾 JSON의 생김새

다음은 JSON 데이터의 예시입니다:

{
  "name": "윤소정",
  "age": 28,
  "isStudent": false,
  "skills": ["JavaScript", "Python", "Figma"]
}

 

💡 JSON의 규칙은 다음과 같습니다:

                                         

 

---

🖥 JSON은 어디에 쓰일까?

웹에서 서버와 클라이언트가 데이터를 주고받을 때
서버는 보통 JSON 형식으로 데이터를 응답합니다.

예: 서버가 유저 정보를 보내줄 때

{
  "userId": 101,
  "username": "sojeong",
  "email": "sojeong@email.com"
}

프론트엔드(웹 화면)는 이 데이터를 받아 화면에 표시합니다.

 

---

💻 자바스크립트에서 JSON 다루기

javascript

// JSON 문자열
const jsonString = '{"name":"소정","age":28}';

// 문자열을 객체로 변환 (파싱)
const obj = JSON.parse(jsonString);
console.log(obj.name); // "소정"

// 객체를 JSON 문자열로 변환
const newJson = JSON.stringify(obj);
console.log(newJson); // {"name":"소정","age":28}

 

 

---

🧩 요약

• JSON은 데이터를 텍스트 형식으로 주고받기 위한 가장 일반적인 포맷입니다.
• 중괄호 {}, 쌍따옴표 " " 등을 사용하는 규칙이 있습니다.
• JavaScript에서는 JSON.parse()와 JSON.stringify()로 JSON을 자유롭게 변환할 수 있습니다.

---

💡 보너스 팁

• JSON은 백엔드, 프론트엔드, 모바일 앱, 심지어 AI API까지 거의 모든 데이터 교환에 사용됩니다.
• 브라우저에서 F12 → Network 탭 → 응답(Response) 탭을 보면 실제로 JSON 형식의 데이터가 오가는 것을 확인할 수 있습니다.