인프런 커뮤니티 질문&답변

도토리님의 프로필 이미지

작성한 질문수

스프링 MVC 2편 - 백엔드 웹 개발 활용 기술

체크 박스 - 단일1

<input type="hidden"> value 속성값 관련

작성

·

1.5K

1

<input type="hidden">에서 value 속성을 작성해주는 이유는 알겠습니다. 그런데, 선생님께서 value 속성값으로 on을 작성하신 것에 대해 질문이 있습니다.

제가 value="", value="on", value="off", value="true", value="false", value="hello"로 해보았는데, item.open으로 로그를 찍어봤을 때 전부 false로 출력되었습니다. 그렇다면 <input type="hidden">에서 value의 속성값으로는 아무거나 적어도 되는 것인가요?

 

@PostMapping("/add")
    public String addItem(@ModelAttribute Item item) { ... }

@ModelAttribute에 의해 Item 객체가 생성된 후,
넘어오는 것에 open, _open이 있으면 setOpen(true)을 호출하고,
넘어오는 것에 _open이 있으면 setOpen(false)를 호출하는 것인가요?

답변 2

1

안녕하세요. 도토리님, 공식 서포터즈 OMG입니다.
.

강의에서 영한님이 설명하신 내용을 직접 테스트해보는 것은 정말 좋은 학습 태도라 생각합니다 ^^
체크박스를 체크하지 않을 경우, open=false가 값 자체가 넘어오지 않아 스프링에서 _ + name의 트릭을 쓰는 것은 이해하셨으리라 생각합니다.

 

저도 코드로 확인해보았는데요.

value를 아래와 같이도 해보고, 심지어 아래 코드와 같이 value를 포함하지 않고

value="", value="on", value="off", value="true", value="false", value="hello"

name만 추가한 히든 필드를 추가하더라도 item.open=false로 넘어오더라구요.

 

<div>
    <div class="form-check">
        <input type="checkbox" id="open" name="open" class="form-check-input">
        <input type="hidden" name="_open">
        <label for="open" class="form-check-label">판매 오픈</label>
    </div>
</div>

영한님 설명과 테스트하여 제가 추론한 것은 value로 어떤 값이 넘어오건 간에 혹은 값 자체가 없던간에 언더바필드가 있다면 체크박스가 체크되어 있지 않은 경우에 false로 세팅해주는 것이지 않나 생각합니다.

스프링에서 해결한 코드를 확인해보진 못했지만 동작 흐름상 위에서 추론한 로직대로 동작하지 않나 싶습니다.


.
감사합니다.

image

image강의에서 영한님이 설명하신 내용이 이 부분 같네요. 본 글을 보시는 분들은 참고하세요 :)

 

참고

https://www.thymeleaf.org/doc/tutorials/3.1/thymeleafspring.html

0

복습중에 궁금해서 찾아보니 WebDataBinder 클래스의 checkFieldMarkers() 메서드가 해주더라구요.

매개변수로 넘어온 values 중에서 prefix로 _가 있으면(ex. _open) prefix를 제거한 values(open)도 넘어 왔는지 확인하고 넘어오지 않았으면 필드타입을 확인해서 값을 반환하더라구요.