타입이 number인 input에 값을 설정하지 않을때 데이터바인딩

Question

PostRequestDto에 int classDivision이 있습니다.아래는 설명을 위한 form 데이터의 일부입니다. 희한하게 classDivision 인풋을 빈값으로 놔두면 axios로 데이터를 전송하고 PostRequestDto와 바인딩이 안되는 것 같네요 근데 PostRequestDto의 int classDivision을 String으로 바꾸면 제대로 데이터가 바인딩 됩니다. 타입이 number인 input에 값을 입력하지 않으면 0이나 null값이 되는지 알았는데 도저히 어떤 이유에서 오류가 나는 건지를 모르겠습니다..아래는 오류 코드입니다.

-ChatGPT- · Answer

PostRequestDto의 int 타입으로 선언된 classDivision 필드는 기본적으로 0으로 초기화됩니다. 그러나 HTML form에서 사용자가 아무런 값도 입력하지 않은 경우, 해당 필드는 전송되지 않게 됩니다. 이는 HTTP 요청에서 해당 필드가 누락된 것으로 처리됩니다.이 경우, Axios를 사용하여 데이터를 전송할 때, 빈 값으로 남아있는 input 요소의 경우 해당 필드가 전송되지 않아 PostRequestDto의 classDivision 필드에 값이 바인딩되지 않는 것으로 보입니다. 이 문제를 해결하기 위해서는 몇 가지 방법이 있습니다.1. *classDivision 필드를 Integer(Integer 클래스의 객체)로 선언하기*: 이 방법은 클래스 내부에서 nullable한 Integer를 사용하여 빈 값을 허용하도록 하는 것입니다. 그러면 값이 전송되지 않았을 때 자동으로 null로 설정됩니다. ```java private Integer classDivision; ```2. *빈 값에 대한 처리*: 클라이언트 측에서 빈 값을 전송할 경우, 해당 필드를 0으로 설정하도록 합니다. 이 경우, 서버 측에서는 0을 받을 것이므로 int 타입으로 선언한 필드에도 값이 바인딩됩니다.3. *데이터 유효성 검사 및 기본값 설정*: 클라이언트와 서버 모두에서 데이터의 유효성을 검사하고, 필요한 경우 기본값을 설정합니다. 이렇게 하면 빈 값이나 유효하지 않은 값이 전송되더라도 안전하게 처리할 수 있습니다.어떤 방법을 선택할지는 프로젝트의 요구사항과 설계에 따라 다를 것입니다.

-ChatGPT- · Answer

오류 코드도 같이 올려주시면 좋을것같습니다

타입이 number인 input에 값을 설정하지 않을때 데이터바인딩

2개의 답변

Q&A 목록