[Spring boot] Modal 적용 3가지 방법

Modal적용 3가지 방법 필요한 상황에 따라 사용하시면 될 거 같습니다. bootstrap을 사용한다는 가정하에서의 2가지와 javascript만으로 만든 modal입니다. 우선은 bootstrap으로 만드는 간단한 방법입니다. 데이터를 넣지 않는 항상 똑같은 값을 가지고 있는 모달에서 사용하시면 됩니다. 1. 결과물 tables.jsp Ready to test x test Cancel jsp안 body 하단에 위치해줍시다. 주의 사항은 a 태그에 data-target과 Moa Modal에 id를 맞춰야 합니다. 간단하죠~ 두 번째입니다. 이번에는 jsp을 하나를 더 추가해줘서 내용만 따로 적는 방법입니다. 모달의 껍데기만 모달이 나올 본문에 위치하고 내용물만 따로 jsp로 만들어 다른곳에서 제어한다고..

• format_list_bulleted spring boot
• · 2019. 12. 3.
• textsms

[javascript] 클립보드(clipboard.js) 사용방법

Project 수행 중 버튼으로 clipboard를 이용해야 하는 상황이 왔다 현재상황 다음은 w3school 예제다 이 경우는 script에서 id로 값을 가져와 값을 선택해서 복사하는 형태다 하지만 내 경우는 버튼이 저렇게 많아서 id를 쓰지도 못하고 버튼마다 value값을 넣어줘서. select() 메소드를 사용하지도 못한다. .select()는 input 태그일 경우 w3school에서는 우리가 드래그 -> ctrl + s라는 과정을 javascript로 만든 것이다. 그래서 난 이 방법을 선택했다. https://twpower.github.io/81-use-clipboard.js-in-javascript [Javascript] clipboard.js를 이용해 웹에서 클립보드에 복사하기 Pract..

• format_list_bulleted javascript
• · 2019. 12. 2.
• textsms