Jev Log

팝업 창 크기를 HTML 크기에 맞추어 자동으로 크기를 조정하는 함수로 팝업 스크립트에 해당 메서드를 넣으면 된다. 예시 코드는 jQuery로 작성되어 있지만 JavaScript로 변경해서 사용해도 된다. $(window).load(function() { var strWidth; var strHeight; if ( window.innerWidth && window.innerHeight && window.outerWidth && window.outerHeight ) { strWidth = $('#contents').outerWidth() + (window.outerWidth - window.innerWidth); strHeight = $('#contents').outerHeight() + (window.o..

Development/JavaScript 2022. 5. 31. 16:12

▶ 이미지 URL -> Base64 변경 function convertImgToBase64URL(url, callback, outputFormat){ var img = new Image(); img.crossOrigin = 'Anonymous'; img.onload = function(){ var canvas = document.createElement('CANVAS'), ctx = canvas.getContext('2d'), dataURL; canvas.height = img.height; canvas.width = img.width; ctx.drawImage(img, 0, 0); dataURL = canvas.toDataURL(outputFormat); callback(dataURL); canvas ..

Development/JavaScript 2022. 5. 31. 15:59

직접 소스 작성 한것으로 필요 시 수정하여 사용하면 될 듯 합니다. function pop() { var idx = "${eduVO.idx}"; var windowW = 1500; var windowH = 900; var winHeight = document.body.clientHeight; var winWidth = document.body.clientWidth; var winX = window.screenX || window.screenLeft || 0; var winY = window.screenY || window.screenTop || 0; var popX = winX + (winWidth - windowW)/2; var popY = winY + (winHeight - windowH)/2; wi..

Development/JavaScript 2022. 5. 31. 15:42

Base64로 되어있는 파일 데이터를 File List로 변환하여 File Tag에 넣는것을 기록해볼까 한다. 검색을 해봐도 File Tag에 Value값을 컨트롤하는것은 보안상 불가능하다는 글밖에 못봐서 절망하던 도중에 우연히 StackOverflow에서 해결법을 찾았다. 우선 예전 프로젝트를 진행했을때도 보안상 파일 Tag는 컨트롤하기 힘들다는 이야기도 많이 들었고, 그렇게 알고 있었는데 해당 방법이 정말로 Value값에 파일 데이터를 넣어서 컨트롤을 한것인지는 모르겠다. 여튼 해당 방법으로 당장의 비쥬얼상에 문제는 없었고 로직을 수정하지 않아도 되어서 해당 방법을 사용하기로 했고 기록으로 남겨놓기로 하였다. [상황] 프로젝트를 진행도중 파일 태그에서 파일을 데이터를 가져와 Base64로 인코딩하여 ..

Development/JavaScript 2020. 10. 5. 21:48

프론트에서 어떠한 함수를 호출 시 클릭이벤트를 적용하고 클릭이벤트가 발생 시 이벤트를 제거하고 싶었다. 그래서 처음에는 아래와 같이 코드를 작성하였다. function showAlert(msg, type, btnMsg, act, btnCallback) { // TODO 로직.. if ( btnCallback != null && typeof btnCallback == "function" ) { $("#modal-myAlertPop").on("click", function() { btnCallback(); $(this).off("click"); }); } } 저러한 코드의 경우 해당 DOM의 대한 모든 click이벤트가 사라지다보니 난감한 경우가 생기더라. 나의 목표는 내가 적용한 이벤트만 제거하고 싶은데,..

Development/JavaScript 2020. 9. 16. 13:47

JavaScript에서 Caps Lock을 체크하는 방법이다. $("#memberPwd").on("keypress", function(e) { var text = String.fromCharCode( e.which ); if ( text.toUpperCase() === text && text.toLowerCase() !== text && !e.shiftKey ) { alert("Caps Lock이 켜져있습니다."); } });

Development/JavaScript 2020. 8. 26. 21:14

jQuery를 사용하지 않고 Object 형식의 데이터를 Object.entries라는 메서드를 통해서 반복문으로 돌리면 좋은 것 같더라. 위의 사진과 같은 데이터인 경우 function pageMovePost( url, paramObj ) { if( !url ) { throw new Error("url is not exist."); } var form = document.createElement("form"); var input = new Array(); form.action = url; form.method = "POST"; let i = 0; for( let [key, value] of Object.entries(paramObj) ) { input[i] = document.createElement(..

Development/JavaScript 2020. 5. 29. 16:08