JSON 포맷 완벽 가이드

JSON 데이터 포맷의 기초부터 고급 활용법까지 완벽하게 이해해보세요

Fun Utils2024년 10월 24일8분 읽기

JSON 포맷 완벽 가이드

JSON(JavaScript Object Notation)은 현대 웹 개발에서 가장 널리 사용되는 데이터 교환 형식입니다. 가볍고 사람이 읽기 쉬운 텍스트 형식으로 복잡한 데이터 구조를 표현할 수 있습니다.

JSON이란?

JSON은 JavaScript Object Notation의 약자로, 원래 JavaScript에서 객체를 표현하기 위해 개발되었습니다. 하지만 현재는 언어에 관계없이 거의 모든 프로그래밍 언어에서 지원합니다.

JSON의 기본 구조

JSON은 두 가지 기본 자료구조로 이루어져 있습니다:

1. 객체 (Object)

{
  "name": "John",
  "age": 30,
  "email": "john@example.com"
}

객체는 중괄호 {}로 둘러싸여 있고, 키-값 쌍으로 구성됩니다.

2. 배열 (Array)

{
  "names": ["Alice", "Bob", "Charlie"],
  "scores": [95, 87, 92]
}

배열은 대괄호 []로 둘러싸여 있고, 쉼표로 구분된 값들을 포함합니다.

JSON 데이터 타입

JSON은 다음과 같은 데이터 타입을 지원합니다:

타입예시설명
문자열"hello"큰따옴표로 둘러싸인 텍스트
숫자42, 3.14정수 또는 부동소수점
불린true, false참 또는 거짓
nullnull빈 값 또는 없음
객체{ "key": "value" }키-값 쌍 모음
배열[1, 2, 3]순서가 있는 값 모음

JSON 포맷팅 vs 최소화

포맷팅된 JSON (Pretty Print)

{
  "user": {
    "id": 1,
    "name": "John Doe",
    "email": "john@example.com",
    "isActive": true
  }
}

가독성이 좋고 디버깅에 유용합니다.

최소화된 JSON (Minified)

{"user":{"id":1,"name":"John Doe","email":"john@example.com","isActive":true}}

파일 크기가 작아 네트워크 전송에 효율적입니다.

JSON 사용 예시

API 응답

{
  "status": "success",
  "data": {
    "users": [
      { "id": 1, "name": "Alice", "role": "admin" },
      { "id": 2, "name": "Bob", "role": "user" }
    ]
  }
}

설정 파일

{
  "database": {
    "host": "localhost",
    "port": 5432,
    "name": "mydb"
  },
  "server": {
    "port": 3000,
    "debug": true
  }
}

JSON 검증 및 포맷팅

JSON 파일을 작업할 때는 다음이 중요합니다:

  • 유효성 검사: JSON이 올바른 형식인지 확인
  • 포맷팅: 읽기 쉬운 형태로 정렬
  • 최소화: 파일 크기 감소
  • 우리 사이트의 JSON Web 도구를 사용하면 이 모든 작업을 쉽게 할 수 있습니다!

    주의사항

    JSON을 다룰 때 주의할 점:

    • ✅ 모든 문자열은 큰따옴표로 감싸기 (작은따옴표 불가)
    • ✅ 마지막 항목 뒤에 쉼표 없음
    • ✅ 키(key)도 반드시 문자열로 표현
    • ❌ 주석 사용 불가 (JSON은 주석을 지원하지 않음)

    결론

    JSON은 간단하면서도 강력한 데이터 형식입니다. 웹 API, 설정 파일, 데이터 저장 등 다양한 용도로 활용됩니다. JSON의 기본을 이해하면 현대적인 웹 개발을 훨씬 더 효율적으로 할 수 있습니다!


    더 알아보기:

    💙 우리의 콘텐츠가 도움이 되셨나요?

    무료 블로그와 도구 개발을 지원해주실 수 있습니다.


    관련 글