미샤의 개발 기록

간단히 말하자면

requestBody는 클라이언트(뷰)에서 서버(컨트롤러)로 데이터를 보낼 때 사용한다.

뷰에서 전송된 데이터를 받기 위해 컨트롤러에서 @requstBody 어노테이션을 매개변수 자리에 적어줌.

주로 ajax를 이용한 비동기 방식의 전송에서 사용됨.

responseBody는 서버(컨트롤러)에서 클라이언트(뷰)로 데이터를 전송하기 위해 사용한다.

컨트롤러 매서드 위에 작성된다.

 // Ajax를 사용하여 데이터 전송
    $.ajax({
        type: "POST",
        contentType: "application/json",
        url: "/api/yourEndpoint", // 실제 서버 엔드포인트에 맞게 수정
        data: JSON.stringify(dataToSend),
        success: function (response) {
            // 성공 시 처리
            console.log("Data sent successfully");
            console.log(response);
        },
        error: function (error) {
            // 실패 시 처리
            console.error("Error sending data");
            console.error(error);
        }
    });

주로 이런 형식으로 데이터를 보내게 된다.

뷰에서 requestBody를 이용해 서버로 데이터를 전송할 때에는 주로 세가지 형식이 사용된다.

1. formData

2. json

3. xml

formData로 전송하면 서버에서는 @requestParm 어노테이션을 이용해 form 태그 내부에 있는 input 태그의 name 속성을 매핑해 데이터를 파싱한다. 파싱된 데이터는 setter를 이용해 객체에 저장해 주어야 한다.

json으로 보낼 경우에는 서버에서 @requestBody 어노테이션을 활용해 바로 객체에 매핑하고 저장할 수 있다.

// FormData에서 직접 JSON 객체 생성
var jsonData = {
    num: $('#insertForm input[name="num"]').val(),
    codeType: $('#insertForm select[name="codeType"]').val(),
    name: $('#insertForm input[name="name"]').val(),
    title: $('#insertForm input[name="title"]').val(),
    content: $('#insertForm textarea[name="content"]').val()
};

// Ajax 요청
$.ajax({
    type: "POST",
    url: "your_server_url",
    data: JSON.stringify(jsonData),  // JSON 데이터를 문자열로 변환
    contentType: "application/json",  // Content-Type을 application/json으로 설정
    success: function(response) {
        console.log('Success:', response);
    },
    error: function(error) {
        console.error('Error:', error);
    }
});

json 객체를 만들고 값을 가져온다음 ajax에서 data, contentType을 지정해주면 된다.

xml으로 데이터를 보내고 컨트롤러에서 파싱할 경우에는

@PostMapping(value = "/submitXml", consumes = MediaType.APPLICATION_XML_VALUE)
    public String handleXmlData(@RequestBody String xmlData) {
        // XML 데이터를 자동으로 파싱하여 처리
        System.out.println("Received XML data: " + xmlData);

        // 처리 로직...

        return "XML data received and processed successfully!";
    }

이런 형식으로 파싱해준다. 이때 받아온 xml 데이터는 문자열로 처리된다.

xml 라이브러리를 이용해 자동으로 매핑하는 방법이 주로 사용됨 (추후 작성)