제이쿼리3 [jQuery] 제이쿼리 웹앱(web/app)에서 서명/사인(sign) 만들고 조회하기 다른 수많은 게시글들이 있지만저는 그 중 jQuery Plugin을 이용해서 개발을 진행했어요. https://www.jqueryscript.net/other/Smooth-Signature-Pad-Plugin-with-jQuery-Html5-Canvas.html Smooth Signature Pad Plugin with jQuery and Html5 CanvasSignature Pad is a jQuery plugin that takes advantage of HTML5 canvas element and javascript to create a flexible and smooth Signature Pad on your web page & app.www.jqueryscript.net 이 사이트에 접속해서 .. 2024. 5. 20. [jQuery] ajax 모듈화 시키기(트랜잭션 공통코드 만들기) ajax 코드를 화면마다 길게 작성을 하는 것보단 공통코드화(함수화) 시켜서 코드를 짧게 사용하고 싶어 만든 코드입니다. 먼저 ajax를 사용하여 백앤드 호출하는 코드입니다. $.ajax({ type : 'GET', url : "api/example", data : {}, dataType : "json", success : function(data) { // 성공시 로직 }, error : function() { // 에러시 로직 } }); 이런 식으로 화면마다 작성하게 됩니다. 이제 함수화를 시켜보겠습니다. 따로 transaction.js 파일을 만들어서 작성하겠습니다. transaction.js (사용언어에 따라 조금씩 수정해서 사용해 주시면 되겠습니다.) function transaction(svc.. 2024. 3. 5. [jQuery] date타입 공통코드 만들기(자동 날짜 설정 (오늘, n일후, n일전 등)/ date 모듈화) : 오늘 : -n(일,주,달,년) : +n(일,주,달,년) 실제로 사용할 때 이처럼 선언만 해주면 날짜 셋팅되게 만들어보겠습니다. 먼저 원하는 위치에 date.js를 만들어줍니다. date.js $(document).ready(function() { // 유동적으로 날짜 설정하는 함수 function setRelativeDate() { $("input[type='date']").each(function() { var id = $(this).attr("id"); var offset = id.replace("date_", ""); var input = $(this)[0]; if (input) { var today = new Date(); var newDate = new Date(today); // 날짜 오프.. 2024. 2. 28. 이전 1 다음
