플랫폼공작소 IT Blog

Try this! 1 2 3 4 5 6 7 8 9 10 function canvasCleaner(){ var canvas = document.getElementById('myCanvas'); var ctx = canvas.getContext('2d', { alpha: false }); var img = document.getElementById("img"); //Canvas Clear //ctx.clearRect(0, 0, 3000, 3000); //not working :( ctx.canvas.width = ctx.canvas.width; //**canvas clear :) ctx.beginPath(); //canvas line clear } Colored by Color Scripter cs

안녕하세요. 이사작전.com의 플랫폼공작소입니다. IE11에서 window.activexobject를 동작시키는 방법을 공유드립니다. 아래의 코드는 IE11에서 사용할 수 없습니다. if(window.ActiveXObject){ 를 아래와 같이 바꿔서 사용해보세요. if(typeof window.ActiveXObject){ 감사합니다. reference : https://stackoverflow.com/questions/19638981/window-activexobject-difference-in-ie11/19639035

안녕하세요. 이사작전입니다. 오늘은 개발사의 요구사항이 반영된 summernote 셋팅을 공유하려합니다. 글자크기 조절, 사진업로드 등 필수옵션이 선별되어 있습니다. 1. 소스코드 공개12345678910111213141516171819202122 $(document).ready(function() { $('#nttCn').summernote({ placeholder: '홍보 포스팅을 자유롭게 입력해주세요.', height: 500, lang: 'ko-KR', toolbar: [ // [groupName, [list of button]] ['Font Style', ['fontname']], ['style', ['bold', 'italic', 'underline']], ['font', ['strikethr..

리엑트에 fontawesome 설치하는 방법https://fontawesome.com/how-to-use/on-the-web/using-with/react

안녕하세요. 이사작전의 개발자 말랑고양입니다. 오늘은 attr 다중처리하는 방법을 공유하려합니다.attr을 단일로 처리하는 방법은 아래와 같습니다. jQuery attr 단일 처리1$("#test").attr('src', '/images/test.jpg');cs 그러나, 실제로 개발을 하다보면, attr을 여러개 처리를 해야될 경우가 생기는데요,그럴 경우 코드를 깔끔하게 만들기 위해서 아래와 같은 방법을 사용하기도 합니다. jQuery attr 다중 처리12345$("#test").attr({ class: "resize", href: "index.html", alt: "안녕하세요."});cs 완료되었습니다. 도움이 되었다면 공감버튼 눌러주세요^ ^추가로 궁금한 점이 있다면 댓글 남겨주세요. 감사합니다.#..

안녕하세요. 이사작전입니다. 오늘은 event.preventDefault()와 event.stopPropagation()을 이용해서 함수 실행을 중지하는 방법을 공유하려합니다. 문제안쪽 div의 onclick을 눌렀는데, 바깥쪽 div의 onclick도 함께 실행된다. 해결방법안쪽 div의 onclick함수 내에, event.preventDefault()와 event.stopPropagation()를 사용하여 return false와 같은 효과를 내본다. 그러면 바깥쪽 div의 onclick이 실행되지 않을 것 같다! 소스코드 공개간단한 예제를 작성하였습니다. html123 Colored by Color Scriptercs jQuery12345678function goToDetail(){ location..

안녕하세요. 이사작전입니다.오늘은 String의 모든 공백을 제거하는 방법을 공유하려합니다.아래의 함수가 정답입니다. 믿고 사용하시면 됩니다. 함수 공개1234//모든 공백제거 함수function trim(regText){ return regText.replace(/\s/gi, ""); // 위와 같이 모든 공백을 제거}Colored by Color Scriptercs 기능 테스트 (사용방법)1234567var phoneNumber = '010 1122 2333';var result1 = trim("공백 을 제 거 하고 싶습니다.");var result2 = trim(phoneNumber ); console.log(result1);console.log(result2); Colored by Color Sc..

Cannot read property가 발생하는 이유?HTML을 로딩하기 전에, js가 실행되었기 때문입니다.HTML가 아직 로딩되지 않아서, id나 name이나 이런 요소들이 없는 상태인데js는 그 요소들을 찾으려고 해서 발생하는 오류입니다. 따라서, 웹페이지의 로딩이 끝나는 시점에 실행되는 함수인onload를 사용해서 문제를 해결해봅시다. window.onload = function () { alert("로딩 완료"); }reference : http://jinolog.com/programming/javascript/2011/03/21/jquery-ready-function.htmlreference : https://okky.kr/article/288222