🎯 간단한 JSON 객체

Simple

가장 기본적인 JSON 객체 구조 예제

{
  "name": "홍길동",
  "age": 30,
  "email": "hong@example.com",
  "isActive": true,
  "score": 95.5,
  "address": null
}

📚 배열 예제

Array

간단한 배열과 객체 배열 예제

{
  "fruits": ["사과", "바나나", "오렌지", "포도"],
  "numbers": [1, 2, 3, 4, 5],
  "items": [
    {
      "id": 1,
      "name": "아이템 1",
      "checked": true
    },
    {
      "id": 2,
      "name": "아이템 2",
      "checked": false
    }
  ]
}

🔧 키-값 쌍

Key-Value

간단한 키-값 쌍과 중첩된 객체 예제

{
  "status": "success",
  "code": 200,
  "data": {
    "id": "abc123",
    "timestamp": "2024-03-20T10:00:00Z",
    "values": {
      "temperature": 25.5,
      "humidity": 60,
      "pressure": 1013.25
    }
  }
}

👤 사용자 프로필

User

소셜 미디어나 프로필 페이지에 사용되는 사용자 정보 JSON 예제

{
  "user": {
    "id": "user_123456",
    "username": "johndoe",
    "email": "john.doe@example.com",
    "profile": {
      "firstName": "John",
      "lastName": "Doe",
      "avatar": "https://example.com/avatars/johndoe.jpg",
      "bio": "Full-stack developer passionate about creating amazing web experiences",
      "location": "Seoul, South Korea",
      "website": "https://johndoe.dev",
      "joinedDate": "2024-01-15T08:00:00Z"
    },
    "stats": {
      "followers": 1247,
      "following": 523,
      "posts": 89,
      "likes": 3421
    },
    "preferences": {
      "language": "ko",
      "theme": "dark",
      "notifications": {
        "email": true,
        "push": false,
        "sms": false
      }
    },
    "verified": true,
    "status": "active"
  }
}

🔐 로그인 응답

Auth

사용자 인증 후 반환되는 로그인 응답 JSON 예제

{
  "success": true,
  "message": "로그인 성공",
  "data": {
    "user": {
      "id": "user_789",
      "username": "testuser",
      "email": "test@example.com",
      "role": "member",
      "lastLogin": "2024-03-19T14:30:00Z"
    },
    "tokens": {
      "accessToken": "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiIxMjM0NTY3ODkwIiwibmFtZSI6IkpvaG4gRG9lIiwiaWF0IjoxNTE2MjM5MDIyfQ.SflKxwRJSMeKKF2QT4fwpMeJf36POk6yJV_adQssw5c",
      "refreshToken": "dGhpcyBpcyBhIHJlZnJlc2ggdG9rZW4gZXhhbXBsZQ==",
      "expiresIn": 3600,
      "tokenType": "Bearer"
    },
    "permissions": [
      "read:profile",
      "write:profile",
      "read:posts",
      "write:posts"
    ]
  }
}

🛍️ 상품 목록

E-commerce

온라인 쇼핑몰이나 제품 카탈로그에 사용되는 상품 정보 JSON 예제

{
  "products": [
    {
      "id": "prod_001",
      "name": "무선 블루투스 헤드폰",
      "brand": "TechSound",
      "category": "전자제품",
      "price": {
        "original": 129000,
        "discount": 99000,
        "currency": "KRW"
      },
      "rating": 4.5,
      "reviews": 342,
      "stock": 58,
      "images": [
        "https://example.com/products/headphone-1.jpg",
        "https://example.com/products/headphone-2.jpg"
      ],
      "features": [
        "노이즈 캔슬링",
        "40시간 배터리",
        "Hi-Fi 사운드"
      ],
      "shipping": {
        "free": true,
        "estimatedDays": 2
      }
    },
    {
      "id": "prod_002",
      "name": "스마트워치 프로",
      "brand": "FitTech",
      "category": "웨어러블",
      "price": {
        "original": 399000,
        "discount": 349000,
        "currency": "KRW"
      },
      "rating": 4.8,
      "reviews": 1024,
      "stock": 12,
      "images": [
        "https://example.com/products/watch-1.jpg"
      ],
      "features": [
        "심박수 모니터링",
        "GPS 내장",
        "방수 5ATM"
      ],
      "shipping": {
        "free": true,
        "estimatedDays": 1
      }
    }
  ],
  "totalItems": 2,
  "page": 1,
  "hasMore": true
}

🛒 장바구니

Cart

온라인 쇼핑몰 장바구니 데이터 JSON 예제

{
  "cart": {
    "id": "cart_456",
    "userId": "user_123",
    "items": [
      {
        "productId": "prod_001",
        "name": "무선 블루투스 헤드폰",
        "price": 99000,
        "quantity": 1,
        "subtotal": 99000,
        "thumbnail": "https://example.com/products/headphone-thumb.jpg",
        "options": {
          "color": "블랙",
          "warranty": "1년"
        }
      },
      {
        "productId": "prod_002",
        "name": "스마트워치 프로",
        "price": 349000,
        "quantity": 2,
        "subtotal": 698000,
        "thumbnail": "https://example.com/products/watch-thumb.jpg",
        "options": {
          "color": "실버",
          "size": "42mm"
        }
      }
    ],
    "summary": {
      "subtotal": 797000,
      "shipping": 0,
      "tax": 79700,
      "discount": 50000,
      "total": 826700,
      "currency": "KRW"
    },
    "coupon": {
      "code": "WELCOME50K",
      "discount": 50000,
      "applied": true
    },
    "createdAt": "2024-03-20T09:00:00Z",
    "updatedAt": "2024-03-20T11:30:00Z",
    "expiresAt": "2024-04-20T09:00:00Z"
  }
}

🌐 API 응답 예제

REST API

RESTful API의 표준 응답 형식 JSON 예제

{
  "success": true,
  "status": 200,
  "message": "요청이 성공적으로 처리되었습니다",
  "data": {
    "items": [
      {
        "id": 1,
        "title": "첫 번째 게시물",
        "content": "게시물 내용입니다...",
        "author": {
          "id": 42,
          "name": "김철수",
          "role": "admin"
        },
        "tags": ["개발", "JavaScript", "React"],
        "createdAt": "2024-03-15T10:30:00Z",
        "updatedAt": "2024-03-16T14:20:00Z",
        "viewCount": 1523,
        "likeCount": 47
      }
    ],
    "pagination": {
      "currentPage": 1,
      "totalPages": 10,
      "totalItems": 98,
      "itemsPerPage": 10,
      "hasNext": true,
      "hasPrevious": false
    }
  },
  "timestamp": "2024-03-20T09:15:30Z",
  "requestId": "req_abc123def456"
}

⚙️ 애플리케이션 설정

Config

애플리케이션 설정이나 환경 구성에 사용되는 JSON 예제

{
  "app": {
    "name": "My Application",
    "version": "2.1.0",
    "environment": "production",
    "debug": false,
    "port": 3000
  },
  "database": {
    "type": "postgresql",
    "host": "localhost",
    "port": 5432,
    "name": "myapp_db",
    "username": "dbuser",
    "pool": {
      "min": 2,
      "max": 10,
      "idleTimeout": 30000
    }
  },
  "cache": {
    "enabled": true,
    "type": "redis",
    "ttl": 3600,
    "host": "localhost",
    "port": 6379
  },
  "security": {
    "cors": {
      "enabled": true,
      "origins": ["https://example.com", "https://app.example.com"],
      "credentials": true
    },
    "rateLimit": {
      "windowMs": 900000,
      "max": 100
    },
    "jwt": {
      "expiresIn": "7d",
      "algorithm": "HS256"
    }
  },
  "logging": {
    "level": "info",
    "format": "json",
    "destination": "file",
    "filename": "app.log",
    "maxSize": "10MB",
    "maxFiles": 5
  }
}

📝 블로그 포스트

Content

블로그나 CMS 시스템에서 사용되는 포스트 데이터 JSON 예제

{
  "post": {
    "id": "post_789",
    "slug": "javascript-tips-2024",
    "title": "2024년 알아두면 좋은 JavaScript 팁 10가지",
    "excerpt": "최신 JavaScript 개발 트렌드와 유용한 팁들을 소개합니다",
    "content": "포스트 본문 내용...",
    "featuredImage": {
      "url": "https://example.com/images/javascript-tips.jpg",
      "alt": "JavaScript 코드 예제",
      "width": 1200,
      "height": 630
    },
    "author": {
      "id": "author_123",
      "name": "이영희",
      "bio": "프론트엔드 개발자",
      "avatar": "https://example.com/avatars/younghee.jpg"
    },
    "categories": ["Programming", "JavaScript"],
    "tags": ["JavaScript", "Web Development", "Tips", "2024"],
    "metadata": {
      "readTime": "5 min",
      "wordCount": 1250,
      "language": "ko"
    },
    "seo": {
      "title": "2024년 JavaScript 개발 팁 - 개발자 블로그",
      "description": "JavaScript 개발자를 위한 2024년 최신 팁과 트렌드를 알아보세요",
      "keywords": ["JavaScript", "개발", "프로그래밍", "팁"]
    },
    "publishedAt": "2024-03-15T09:00:00Z",
    "updatedAt": "2024-03-18T11:30:00Z",
    "status": "published",
    "comments": {
      "enabled": true,
      "count": 23
    },
    "stats": {
      "views": 5421,
      "likes": 234,
      "shares": 89
    }
  }
}

✅ 할 일 목록

Todo

할 일 관리 애플리케이션에서 사용되는 태스크 리스트 JSON 예제

{
  "todos": [
    {
      "id": "todo_001",
      "title": "프로젝트 문서 작성",
      "description": "API 문서와 사용자 가이드 업데이트",
      "priority": "high",
      "status": "in_progress",
      "category": "work",
      "dueDate": "2024-03-25T17:00:00Z",
      "createdAt": "2024-03-20T09:00:00Z",
      "completedAt": null,
      "tags": ["문서", "긴급"],
      "assignee": {
        "id": "user_42",
        "name": "박민수"
      },
      "checklist": [
        {
          "id": "check_1",
          "text": "API 엔드포인트 문서화",
          "completed": true
        },
        {
          "id": "check_2",
          "text": "예제 코드 추가",
          "completed": false
        }
      ],
      "attachments": [],
      "reminders": ["2024-03-24T09:00:00Z"]
    },
    {
      "id": "todo_002",
      "title": "코드 리뷰",
      "description": "풀 리퀘스트 #142 검토",
      "priority": "medium",
      "status": "pending",
      "category": "development",
      "dueDate": "2024-03-22T15:00:00Z",
      "createdAt": "2024-03-20T10:30:00Z",
      "completedAt": null,
      "tags": ["리뷰", "개발"],
      "assignee": {
        "id": "user_43",
        "name": "김지훈"
      },
      "checklist": [],
      "attachments": [
        {
          "id": "attach_1",
          "name": "pr_changes.pdf",
          "url": "https://example.com/files/pr_changes.pdf",
          "size": 245678
        }
      ],
      "reminders": []
    }
  ],
  "filter": {
    "status": "all",
    "category": "all",
    "sortBy": "dueDate"
  },
  "statistics": {
    "total": 15,
    "completed": 8,
    "pending": 5,
    "inProgress": 2,
    "overdue": 1
  }
}

🏢 회사 정보

Organization

기업 정보나 조직 구조를 표현하는 JSON 예제

{
  "company": {
    "id": "comp_123",
    "name": "테크 이노베이션 주식회사",
    "englishName": "Tech Innovation Inc.",
    "registrationNumber": "123-45-67890",
    "founded": "2015-06-15",
    "industry": "Information Technology",
    "size": "50-200",
    "headquarters": {
      "address": "서울특별시 강남구 테헤란로 123",
      "city": "서울",
      "country": "대한민국",
      "postalCode": "06234",
      "coordinates": {
        "latitude": 37.5012,
        "longitude": 127.0396
      }
    },
    "contact": {
      "phone": "+82-2-1234-5678",
      "email": "contact@techinnovation.kr",
      "website": "https://www.techinnovation.kr",
      "support": "support@techinnovation.kr"
    },
    "socialMedia": {
      "linkedin": "https://linkedin.com/company/tech-innovation",
      "twitter": "@techinnovation",
      "facebook": "https://facebook.com/techinnovation"
    },
    "departments": [
      {
        "id": "dept_01",
        "name": "개발팀",
        "headCount": 45,
        "manager": "김개발"
      },
      {
        "id": "dept_02",
        "name": "디자인팀",
        "headCount": 15,
        "manager": "이디자인"
      },
      {
        "id": "dept_03",
        "name": "마케팅팀",
        "headCount": 20,
        "manager": "박마케팅"
      }
    ],
    "certifications": ["ISO 9001", "ISO 27001"],
    "revenue": {
      "currency": "KRW",
      "annual": 50000000000,
      "growth": 0.25
    }
  }
}

📅 이벤트 데이터

Event

이벤트나 일정 관리 시스템에서 사용되는 JSON 예제

{
  "event": {
    "id": "evt_2024_001",
    "title": "2024 개발자 컨퍼런스",
    "type": "conference",
    "description": "최신 기술 트렌드와 베스트 프랙티스를 공유하는 연례 개발자 행사",
    "startDate": "2024-05-15T09:00:00+09:00",
    "endDate": "2024-05-17T18:00:00+09:00",
    "timezone": "Asia/Seoul",
    "location": {
      "venue": "코엑스 컨벤션 센터",
      "address": "서울특별시 강남구 영동대로 513",
      "city": "서울",
      "country": "대한민국",
      "room": "그랜드 볼룸",
      "capacity": 1000
    },
    "virtual": {
      "enabled": true,
      "platform": "Zoom",
      "link": "https://zoom.us/j/123456789",
      "password": "dev2024"
    },
    "organizer": {
      "name": "한국개발자협회",
      "email": "info@kda.org",
      "phone": "+82-2-555-0100"
    },
    "speakers": [
      {
        "id": "spk_001",
        "name": "김철수",
        "title": "CTO",
        "company": "테크 스타트업",
        "bio": "15년 경력의 풀스택 개발자",
        "photo": "https://example.com/speakers/kim.jpg",
        "session": {
          "title": "마이크로서비스 아키텍처 설계",
          "time": "2024-05-15T10:00:00+09:00",
          "duration": 60
        }
      }
    ],
    "agenda": [
      {
        "day": 1,
        "date": "2024-05-15",
        "sessions": [
          {
            "time": "09:00",
            "title": "등록 및 환영",
            "type": "registration"
          },
          {
            "time": "10:00",
            "title": "키노트 스피치",
            "type": "keynote",
            "speaker": "김철수"
          }
        ]
      }
    ],
    "tickets": {
      "currency": "KRW",
      "types": [
        {
          "name": "Early Bird",
          "price": 150000,
          "available": 100,
          "sold": 85
        },
        {
          "name": "Regular",
          "price": 200000,
          "available": 500,
          "sold": 320
        }
      ]
    },
    "sponsors": [
      {
        "level": "platinum",
        "companies": ["구글", "마이크로소프트"]
      },
      {
        "level": "gold",
        "companies": ["삼성", "LG"]
      }
    ],
    "registration": {
      "open": true,
      "deadline": "2024-05-10T23:59:59+09:00",
      "link": "https://conference2024.example.com/register"
    },
    "tags": ["개발", "컨퍼런스", "네트워킹", "교육"]
  }
}

📍 지도 좌표 데이터

GeoJSON

지도 애플리케이션에서 사용되는 위치 정보 JSON 예제

{
  "type": "FeatureCollection",
  "features": [
    {
      "type": "Feature",
      "properties": {
        "id": "loc_001",
        "name": "서울타워",
        "category": "landmark",
        "description": "서울의 대표적인 랜드마크",
        "rating": 4.5,
        "visitCount": 1000000,
        "images": [
          "https://example.com/images/seoul-tower-1.jpg"
        ],
        "openingHours": {
          "monday": "10:00-23:00",
          "tuesday": "10:00-23:00",
          "wednesday": "10:00-23:00",
          "thursday": "10:00-23:00",
          "friday": "10:00-24:00",
          "saturday": "10:00-24:00",
          "sunday": "10:00-23:00"
        }
      },
      "geometry": {
        "type": "Point",
        "coordinates": [126.9882, 37.5512]
      }
    },
    {
      "type": "Feature",
      "properties": {
        "id": "route_001",
        "name": "관광 루트",
        "distance": 5.2,
        "duration": 45,
        "difficulty": "easy"
      },
      "geometry": {
        "type": "LineString",
        "coordinates": [
          [126.9770, 37.5665],
          [126.9782, 37.5658],
          [126.9798, 37.5651],
          [126.9812, 37.5644]
        ]
      }
    },
    {
      "type": "Feature",
      "properties": {
        "id": "area_001",
        "name": "남산공원",
        "type": "park",
        "area": 2968190
      },
      "geometry": {
        "type": "Polygon",
        "coordinates": [[
          [126.9810, 37.5506],
          [126.9950, 37.5506],
          [126.9950, 37.5571],
          [126.9810, 37.5571],
          [126.9810, 37.5506]
        ]]
      }
    }
  ],
  "metadata": {
    "version": "1.0",
    "created": "2024-03-20",
    "crs": "EPSG:4326"
  }
}

⚠️ 에러 응답

Error

API 에러 처리에 사용되는 표준 에러 응답 JSON 예제

{
  "success": false,
  "error": {
    "code": "AUTH_001",
    "status": 401,
    "message": "인증이 필요합니다",
    "details": "유효한 액세스 토큰이 제공되지 않았습니다",
    "timestamp": "2024-03-20T10:15:30Z",
    "path": "/api/v1/users/profile",
    "method": "GET",
    "suggestion": "로그인 후 다시 시도해주세요",
    "documentation": "https://api.example.com/docs/authentication",
    "support": {
      "email": "support@example.com",
      "ticketUrl": "https://support.example.com/tickets/new"
    },
    "debug": {
      "requestId": "req_xyz789abc",
      "traceId": "trace_123456789",
      "spanId": "span_987654321",
      "service": "user-service",
      "version": "1.2.3"
    }
  },
  "validationErrors": [
    {
      "field": "email",
      "value": "invalid-email",
      "message": "올바른 이메일 형식이 아닙니다"
    },
    {
      "field": "password",
      "value": null,
      "message": "비밀번호는 필수 입력 항목입니다"
    }
  ]
}

📦 package.json

NPM

Node.js 프로젝트의 package.json 예제

{
  "name": "my-awesome-app",
  "version": "1.0.0",
  "description": "A modern web application built with React and Node.js",
  "main": "index.js",
  "scripts": {
    "start": "node server.js",
    "dev": "nodemon server.js",
    "build": "webpack --mode production",
    "test": "jest",
    "lint": "eslint .",
    "format": "prettier --write \"**/*.{js,jsx,json,md}\""
  },
  "keywords": ["nodejs", "react", "webapp"],
  "author": "Your Name <you@example.com>",
  "license": "MIT",
  "dependencies": {
    "express": "^4.18.2",
    "react": "^18.2.0",
    "react-dom": "^18.2.0",
    "axios": "^1.4.0",
    "dotenv": "^16.0.3"
  },
  "devDependencies": {
    "@babel/core": "^7.22.0",
    "@babel/preset-env": "^7.22.0",
    "@babel/preset-react": "^7.22.0",
    "eslint": "^8.42.0",
    "jest": "^29.5.0",
    "nodemon": "^2.0.22",
    "prettier": "^2.8.8",
    "webpack": "^5.88.0",
    "webpack-cli": "^5.1.4"
  },
  "engines": {
    "node": ">=16.0.0",
    "npm": ">=8.0.0"
  },
  "repository": {
    "type": "git",
    "url": "https://github.com/username/my-awesome-app.git"
  },
  "bugs": {
    "url": "https://github.com/username/my-awesome-app/issues"
  },
  "homepage": "https://myawesomeapp.com"
}

도구 목록

JSON 샘플 데이터 모음