✅ 관심 주제 등록 기능 구현

데이터가 요청 본문에 들어온다. 본문에 들어오므로 @RequestBody 를 사용한다. 요청 데이터에 들어오는 받아줄 form을 하나 정의한다. TagForm

tags.html에서

contentType: "application/json; charset=utf-8",
method: "POST",
url: "/settings/tags" + url,
data: JSON.stringify({'tagTitle': tagTitle})

화면에서 tagTitle로 보냈으므로 간단한 TagForm을 받는다. 그리고 title은 tagForm에서 받아옴. title에 해당하는 태그가 있는지 없는지 db에서 보고 없으면 새로 저장해서 account에 추가해주면 된다. 그러기 위해서는 태그 repository가 있어야 한다.

스프링에서 repository란?

• DAO Layer
  • DAO란? 한마디로 Database의 data에 access하는 트랜잭션 객체이다.
  • DAO(Data Access Object)는 DB를 사용해 데이터를 조화하거나 조작하는 기능을 전담하도록 만든 오브젝트를 말한다.
• 각종 다양한 Storage에 데이터를 조회, 저장, 수정, 삭제하기 위한 모든 객체들의 Layer이다.

뷰 화면에서 ajax 처리시 tagTitle를 사용했으므로 tagTitle를 받아줄 수 있는 아주 간단한 TagForm을 만들었다.

타임리프 자바스크립트 템플릿

• https://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf.html#javascript-inlining
• Escaped: [[${variable}]]
• Unescaped: [(${variable})]
• 네추럴 템플릿: /[[${variable}]]/ null;

Ajax 호출시 CSRF 토큰을 전달 하는 방법

• https://docs.spring.io/spring-security/site/docs/current/reference/html5/#servlet-csrf-include-ajax

타임리프 자바스크립트 템플릿으로 Ajax 호출시 CSRF 토큰 설정

• 토큰을 설정해주지 않으면 에러가 발생한다.

출처 : 인프런 백기선님의 스프링과 JPA 기반 웹 애플리케이션 개발
https://velog.io/@sumusb/Spring-Service-Layer%EC%97%90-%EB%8C%80%ED%95%9C-%EA%B3%A0%EC%B0%B0
https://genesis8.tistory.com/214