예전에 셀병합을 자동으로 해주는 소스를 올린 적이 있다.([jQuery] 유동적인 테이블 셀병합 - rowspan (tistory.com)) 데이터가 무엇인지에 따라 병합을 해주다보니, 실데이터가 달라도 세세하게 병합할 부분을 조절하고 싶은데 그러지 못했다. 그래서 만든 소스가 아래의 소스. 한땀 한땀 코딩했다. 기준 데이터는 실데이터가 아닌, 그룹sort("groupSort")와 세부sort("detailSort"). 데이터의 key 이름이 달라도 사용할 수 있도록 구현했다. 필요하신 분들은 갖다 쓰시길. document.addEventListener("DOMContentLoaded", function(event) { let dataList = {"dataList":[{"groupSort":1,"det..
라이브러리 사용해도 충분히 만들 수 있고 더 간편하지만.. 기획과 설계가 쪽대본처럼 진행되는 내 경력사상 초유의 프로젝트에서.. 개발이 끝난다고 해도 어떤 요상한(-_-) 추가 요구사항이 들어올지 모르는 뭐같은 환경에서는 쌩으로 만드는 것이 추후 정신 건강에 좋을 수도 있다. 라이브러리는 갖다 쓰기는 편해도 입맛에 맞게 고치기 힘드니까 말이다. 혹시라도 나처럼 쌩으로 만들어야 하는 사람들을 위해 위의 이미지 같이 구현되는 소스를 공유한다. ▽ page.jsp 멀티플 셀렉트 체크박스 선택하시오. 저장 자동검색완성 해보자. ▽ page.js document.addEventListener("DOMContentLoaded", function(event) { // 멀티플 셀렉트박스 영역을 클릭했을 때 동작 Set..
Restful API서버라면 이런 처리를 할 필요가 없겠지만, 앞뒤(frontend/backend)가 붙어있는 프로젝트라면 CSRF 공격 방지는 해놓는 게 좋다. 1. 디펜던시 추가 - Gradle 기준 implementation 'org.springframework.boot:spring-boot-starter-web' // Spring Security implementation group: 'org.springframework.boot', name: 'spring-boot-starter-security', version: '2.6.1' 2. Configuration 설정 import java.io.IOException; import javax.servlet.ServletException; import ..