JSON — 보편적인 데이터 형식
컴퓨터가 구조화된 정보를 주고받는 방법
⏱ 예상 ~4분
01 · 읽기
서버가 앱으로 데이터를 돌려보낼 때, 양쪽 모두 알아볼 수 있는 형식이 필요해요. 웹에서 가장 인기 있는 건 JSON (JavaScript Object Notation) 이에요.
JSON 은 구조화된 데이터를 일반 텍스트로 표현하는 방식이에요. 간단한 목록이나 양식처럼 생겼어요 — 이름 (key 라고 해요) 에 값을 짝지어 적고, 목록과 중첩된 데이터 묶음도 담을 수 있어요.
이름에 "JavaScript"가 들어 있지만, JSON 은 모든 프로그래밍 언어에서 써요. 그냥 웹의 보편적인 데이터 형식이에요.
💡 상상해 봐요JSON 은 잘 정리된 양식과 같아요. 양식에는 라벨이 붙은 칸이 있고 ("이름: ___", "Email: ___"), 거기에 값을 채워 넣어요. JSON 도 똑같아요. 모든 데이터에 라벨 (key) 과 값이 있어요. 그리고 양식이 구역을 나눌 수 있듯이 ("주소: 도로명 ___, 도시 ___, 우편번호 ___"), JSON 도 중첩될 수 있어요.
핵심 정리
- JSON = JavaScript Object Notation — 일반 텍스트 데이터 형식이에요
- 데이터는 key-value 쌍으로 짜여 있어요: "name": "Sara"
- 중괄호 {} 는 object (key-value 쌍의 묶음) 를 나타내요
- 대괄호 [] 는 array (순서가 있는 목록) 를 나타내요
- Object 안에 또 다른 object 를 담을 수 있어요 — 이를 중첩 (nesting) 이라고 해요
02 · 코드 예제
아래가 JSON 의 실제 모습이에요. 누군가의 프로필 페이지를 볼 때 서버가 돌려보낼 만한 데이터예요.
JSON Object 한 개
{
"name": "Sara Johnson",
"age": 28,
"email": "sara@example.com",
"hobbies": ["reading", "hiking", "photography"],
"address": {
"street": "123 Oak Street",
"city": "Portland",
"state": "OR",
"zip": "97201"
}
}
구조를 보세요. name 은 문자열 값, age 는 숫자, hobbies 는 array (대괄호 안의 목록), address 는 중첩된 object (중괄호 안에 또 다른 key-value 쌍 묶음). 모든 것에 분명한 라벨이 붙어 있어서 어떤 프로그램이든 쉽게 읽을 수 있어요.
03 · 짝짓기
각 JSON 개념을 그 설명과 짝지어 보세요.
(이 섹션은 인터랙티브해요 — JavaScript를 켜 주세요.)
04 · 퀴즈
JSON 에서 대괄호 한 쌍 [ ] 는 무엇을 나타낼까요?
- object 하나
- key-value 쌍 하나
- 주석
- array (순서가 있는 목록)
05 · 빈칸 채우기
JSON 은 JavaScript Object _____ 의 약자예요.
⚠ 전체 인터랙티브 경험에는 JavaScript가 필요해요. JavaScript를 켜고 새로 고침해 주세요.
※ 이 사이트는 독립 운영되는 교육 프로젝트로, Anthropic의 공식 제품이 아니에요. Claude™ 는 Anthropic, PBC 의 상표예요.