ふたりで

html로 만들어진 table의 내용을 특정 포맷에 맞춰 클립보드로 복사하는 기능을 만들어야 했다. 결론부터 정리하자면 특정 포맷으로 테이블을 숨김 처리 상태로 새로 생성을 하고, 해당 테이블 내용을 선택 후 클립보드로 복사를 하였다. 문제는;; 복사한 데이터에 쓰잘 때가리 없이 앞뒤로 개행문자가 자동으로 삽이 되었다. 해당 개행 문자 때문에 붙여 넣기 할 프로그램에서는 붙여 넣기가 동작을 안 하고;;; 나름 짱구를 굴려서 자동 드래그 선택된 영역에 접근해서 innerText만 뽑아내어 textarea에 담고, textarea에 담긴 데이터를 클립보드로 복사해 주니 앞뒤로 붙어 나오던 개행문자가 붙어 나오지 않게 되었다. 흠... 좀 무식한 방법 같긴 하지만 어쩔 수 없다... 머리가 나빠서... 나중에..

기존 swiper 슬라이더는 콘텐츠를 2개씩 보여주고 1개씩 이동시킬 경우 총 콘텐츠 수가 3개이면 루프가 동작을 안 하는 버그(?)가 있었다. 총콘텐츠의 수가 홀수일 때만 루프가 안 먹히는 건가 했는데 또 그건 아니었다 5개부터는 또 잘 돈다... 암튼 그래서 좀 더 잘 동작하는 slick-slider라는 플러그인을 찾아서 테스트해 본 걸 정리해 본다. HTML 삽입 미리보기할 수 없는 소스

이번엔 세로 스크롤 슬라이드다!!!!!!! 고갱님의 요구 사항은 항상 어디로튈지 모르니... HTML 삽입 미리보기할 수 없는 소스

브라우저 자체에서 제공되는 alert(), confirm() 대신 jquery를 활용한 LayerPopUp으로 처리하기. 알림 확인 알림 확인 취소 알림

submit후 브라우저 자체의 뒤로 가기 버튼을 클릭할 경우 Back Forward Cache에 의해 이전 화면의 input, checkbox 등이 체크된 상태 그대로 남아 있다. 하지만 input 박스의 이벤트 등은 다시 호출되지 않기에 계산식은 동작을 하지 않아 입력 값과 계산 금액이 맞지 않았다. 이런 경우 아래와 같이 해당 페이지에서 Back Forward Cache 관련 이벤트들을 잡아 계산 로직도 실행될 수 있도록 input테그에 이벤트를 강제로 trigger 시켜주자. window.onpageshow = function(event) { // Back Forward Cache로 브라우저가 로딩될 경우 혹은 브라우저 뒤로가기 했을 경우 if ( event.persisted || (window.p..

spring security에 csrf 설정을 한경우 ajax요청을 post로 하면 404가 발생한다. 이를 해결하려면 spring security에서 발행한 csrf token을 ajax요청 header에 담아 보내면 된다. 1. 설정: 공통으로 모든 화면에 인클루드 되는 파일에 아래와 같이 설정. 예를 들면 head_css.jsp라는 파일을 만들고 모든 화면에 공통으로 로딩되도록 설정 후 아래 소스를 삽입한다. 2. 사용: js파일 또는 script에서 아래와 같이 사용. function ajaxCsrfTest(){ var params ={ a : 'a' ,b : 'b' }; $.ajax({ type : "POST", url : ctx + "/front/saveTest", data : params, ..