JSON에 대해 배우는 날 – 초보자 가이드
카테고리
프로그래밍/소프트웨어 개발
서브카테고리
웹 개발
대상자
초보 프로그래머 및 웹 개발자 (기초 수준)
핵심 요약
- JSON은 JavaScript Object Notation으로, 가볍고 인간이 읽기 쉬운 데이터 교환 형식
- API 통신, 클라이언트-서버 데이터 교환에 널리 사용됨
- 값(value)은 문자열, 숫자, 객체, 배열, 불리언,
null등 다양한 형태 가능 - 예시 코드:
JSON.parse()/JSON.stringify()활용
섹션별 세부 요약
1. JSON의 정의 및 특징
- JSON은 JavaScript와 독립적인 언어로, API 통신 및 설정 파일에 적합
- 인간이 읽기 쉬운 구조로, 데이터 전송 효율성 향상
- 사용 사례: RESTful API,
package.json, 클라우드 플랫폼(Firebase, AWS)
2. JSON 구조 및 규칙
- 데이터는 name/value 쌍으로 구성
- 키(key)는 반드시 이중 따옴표(
") 사용 - 값(value):
- 문자열: "값"
- 숫자: 25
- 불리언: true / false
- 배열: ["HTML", "CSS"]
- 중첩 객체: {"address": {"city": "Chennai"}}
3. JSON과 JavaScript의 연동
- JavaScript에서 JSON 파싱:
```javascript
const jsonData = '{"name":"Tamilselvan"}';
const obj = JSON.parse(jsonData);
console.log(obj.name); // Tamilselvan
```
- JavaScript 객체를 JSON 문자열로 변환:
```javascript
const data = { language: "JavaScript", level: "Beginner" };
const jsonString = JSON.stringify(data);
console.log(jsonString); // {"language":"JavaScript","level":"Beginner"}
```
결론
- JSON은 웹 개발에서 필수적인 데이터 형식으로, API 통신 및 설정 파일에서 활용
JSON.parse()/JSON.stringify()메서드를 통해 JavaScript와 연동 가능- 실습 예제를 통해 JSON의 구조와 기능을 직접 경험해보세요.