23-07-19 TIL

more·2023년 7월 19일
0

문제

  • 프론트엔드로 프로필 수정을 구현하고자 한다.
    • 헌데 model.addAttribute("user", user); 로 user 정보를 넘겨주었는데<input type="text" value="${user.username}" class="form-control" id="username" readonly 로 value를 넣으려고 해도 계속 value가 보이지 않고 ${user.username}로 보이는 문제가 생겼다.

시도

  • 프론트엔드
  • 검색을 해봐서 예제를 찾아보니, p th:text="${userId}" 하면 제대로 출력되는 예제가 있음을 찾을 수 있었다.
  • 다른 것은 th 뿐인거 같은데....

해결

  • th라는 것이 thymeleaf에서 변수를 전달해주는 방법이라고 한다.
    • 문법은 다음과 같다.
      th:text=${변수명}을 사용해야 변수를 전달 할 수 있음
      th:text가 선언된 태그는 기존의 html 문법으로 표시되지 않고 thymeleaf 문법으로 해결해야한다.
      value 외의 값은 + 을 통해서 추가
      큰 따옴표와 작은 따옴표의 구분 주의
      input box같은 경우에는, th:value를 통해서 값을 넣을 수가 있다.
      th가 선언되는 곳에는 태그를 따지지 않는다.

0개의 댓글