관심 주제 등록 뷰

태그 등록 뷰

SettingsController.java 에 컨트롤러 추가, tag.html 파일 추가

SQL 확인

# 개발할 때에만 create-drop 또는 update를 사용하고 운영 환경에서는 validate를 사용합니다.
spring.jpa.hibernate.ddl-auto=create-drop

# 개발시 SQL 로깅을 하여 어떤 값으로 어떤 SQL이 실행되는지 확인합니다.
spring.jpa.properties.hibernate.format_sql=true
logging.level.org.hibernate.SQL=DEBUG
logging.level.org.hibernate.type.descript

update는 application을 실행할 때 엔티티 맵핑 정보를 보고 없는 컬럼을 추가해준다거나 그런식으로 동작한다.

기존에 알고 있는 update의 의미가 아니다. 기존에 있던 tag-> tagTitle로 이름을 바꾸면 새로 생겼다고 생각한다. JPA는 .. 그래서 제대로 관리해야 한다.

프론트엔트 라이브러리

• Tagify
• npm install @yaireo/tagify

각각의 액션이 발생했을 때 ajax로 서버쪽에다가 데이터를 보낼 것이다.

Outside-Of-The-Box

<input name='tags-outside' class='tagify--outside' placeholder='write some tags'>

var input = document.querySelector('input[name=tags-outside]')
// init Tagify script on the above inputs
var tagify = new Tagify(input, {
  whitelist: ["foo", "bar", "baz"],
  dropdown: {
    position: "input",
    enabled : 0 // always opens dropdown when input gets focus
  }
})

.tagify--outside{
    border: 0;
}

.tagify--outside .tagify__input{
  order: -1;
  flex: 100%;
  border: 1px solid var(--tags-border-color);
  margin-bottom: 1em;
  transition: .1s;
}

.tagify--outside .tagify__input:hover{ border-color:var(--tags-hover-border-color); }
.tagify--outside.tagify--focus .tagify__input{
  transition:0s;
  border-color: var(--tags-focus-border-color);
}

출처 : 인프런 백기선님의 스프링과 JPA 기반 웹 애플리케이션 개발