6월 23일 에러 (thehouseProject)

th:if에 대해 배움.

팔로우와 팔로우취소 기능을 위한 버튼 만들어놓고 처음 페이지를 들어갔을때 팔로우 상태 비교를 한 다음에

그 결과에 따라 팔로우 혹은 팔로우취소 라는 버튼이 나오길 원함.

 

그래서 생각한건 th:if 사용 혹은 script에서 미리 설정해서 버튼의 value값에 입력해주는것을 생각.

 

알아보니 $(document).ready(function(){}); 을 사용하면 dom이 모두 나온 뒤 실행이 된다 하여 

버튼값을 설정해 보았으나 실패...

$(document).ready(function(){$('#follow').val('팔로우');});

이렇게 적었었다.

 

아예 안됨. input type=button으로 작성하고 value="" value는 이렇게 비워놨으나 안들어감 ㅠㅠ

 

지금 시간이 너무 빠듯해서 그냥 if문을 써야겠다 하고 th:if를 사용하기로하고 검색.

 

<input type="button" th:if="${fcount == 0}" id="follow" name="follow" value="팔로우">
<input type="button" th:if="${fcount == 1}" id="followcancel" name="followcancel" value="팔로우취소">

 

이렇게 작성했고 내 생각에는 그럼 버튼이 옆으로 두칸을 차지하며 이 밑에있는 쪽지보내기 버튼을 옆으로 밀어낼것

같다는 생각을 하며 별로 맘에 안들것같은데... 하고있었으나!

안밀어냄.

팔로우 취소 버튼으로 변경되어도 저 자리에서 생긴다!

jsp에서는 버튼에 안입히고 table에 입혀서 몰랐는데 jsp도 이렇게 되는지는 의문

 

어쨋든 해결!

 

th:if 는 이렇게 사용하고 else는 th:unless 로 사용한다.