JSON 형식 깊이

학습 목표

🛠️ JSON — 데이터의 공용어

JSON 의 6 가지 자료형

👉 6 가지가 끝. 단순함이 강점.

JSON 예시 — 게시글

{
    "num": 3,
    "title": "첫 글입니다",
    "content": "안녕하세요",
    "writer": "hong",
    "viewCount": 0,
    "createdAt": "2024-08-15T10:30:00",
    "tags": ["spring", "java"],
    "replies": [
        {"num": 1, "content": "환영합니다"},
        {"num": 2, "content": "잘 보고 갑니다"}
    ]
}

👉 객체 안에 배열·중첩 객체 — 자유롭게 조합 가능.

자바 ↔ JSON 매핑

Jackson — Spring 의 기본 JSON 라이브러리

자동 변환 — 내부 동작

날짜·시간 처리

public class Board {
    private LocalDateTime createdAt;
}

// JSON 출력:
{"createdAt": "2024-08-15T10:30:00"}

// 한국어 형식 원하면 — @JsonFormat
@JsonFormat(pattern = "yyyy-MM-dd HH:mm")
private LocalDateTime createdAt;

// → "2024-08-15 10:30"

민감 정보 제외 — @JsonIgnore

public class Member {
    private String id;
    private String nick;

    @JsonIgnore           // ⭐ 응답에 포함 안 함
    private String pwd;
}

// 응답 JSON:
{"id": "hong", "nick": "홍길동"}
// pwd 없음

👉 비밀번호 같은 민감 정보가 실수로 응답에 포함되는 것을 방지.

순환 참조 함정

public class Board {
    private List<Reply> replies;  // 게시글이 댓글들을
}

public class Reply {
    private Board board;          // 댓글이 게시글을
}

응답 DTO 패턴 — DTO 클래스

// 도메인 객체 (DB 매핑)
public class Board { ... }

// 응답 전용 DTO (REST API 응답)
public class BoardResponse {
    private int num;
    private String title;
    private String writer;
    // pwd 없음, 민감 필드 없음

    public static BoardResponse from(Board b) {
        BoardResponse r = new BoardResponse();
        r.num = b.getNum();
        r.title = b.getTitle();
        r.writer = b.getWriter();
        return r;
    }
}

👉 응답 전용 클래스를 따로 두면 노출 필드를 명시적으로 통제할 수 있습니다.

응답 DTO 패턴 — Controller 사용

// Controller
@GetMapping
public List<BoardResponse> list() {
    return service.selectList().stream()
        .map(BoardResponse::from)
        .toList();
}

👉 도메인 객체를 그대로 노출하지 않고, 응답 DTO 로 한번 변환해서 내보냅니다.

JS 측 처리

// 받기 — JSON → 객체
const res = await fetch('/api/boards/3');
const board = await res.json();
console.log(board.title);   // myboard.num=3 의 제목

// 보내기 — 객체 → JSON
await fetch('/api/boards', {
    method: 'POST',
    headers: {'Content-Type': 'application/json'},
    body: JSON.stringify({
        title: '새 글',
        content: '안녕하세요'
    })
});

실수 모음

🔄 Before / After

정리