TIL 220526

JSON 데이터를 매개변수(파라미터)로 넣어줄 때 JSON.stringfiy() 해주는 것이 필요하다. 

Uncaught SyntaxError때문에 하루종일 고생함...

 

paging

 

thymeleaf

<tr th:each="post, i: ${posts}" id="col${i}" th:onclick="|javascript:showPost('${post.id}')|" onmouseover="$('#delete-post').toggleClass('delete-post')">
    <th th:text="${totalPost} - ${i.index}" scope="row"></th>
    <td th:text="${post.title}"></td>
    <td th:text="${post.username}"></td>
    <td th:text="${#strings.substring(post.modifiedAt, 0, 10)}"></td>
    <td id="delete-post" onclick="deletePost(${id})"><i class="fa-solid fa-circle-xmark"></i></td>
</tr>

타임리프에서 자바스크립트 함수를 호출하고 싶다면 th:onclick="|javascript:showPost('${post.id}')|" 와 같은 처리가 필요하다

 

id password 받기

url: `/api/posts/${id}`,

에 모든 id password 모든 정보를 받으면 안 되니까 Dto를 따로 설정. data를 ajax로 받을시 url 검색으로 확인할 수 있으니.

 

패스워드 체크는 서버사이드렌더링으로...오류가 많이난다