🏫 TECH/🖼️ Front
-
안녕하세요. 팀드모네입니다. input 태그에 자연수만 입력할 수 있는 방법을 공유드립니다. 처리 방법이야 많은데, 제 경험상 onKeyup을 쓰는 것이 가장 안정적이었습니다. 우선 자연수가 뭔지 짚고 넘어가겠습니다. 👨💻 자연수란? 1,2,3,4,5...을 의미합니다. 소숫점이 들어가면 안되며 마이너스 값도 안됩니다. 혹시 헷갈리신다면, 아래 사진을 참고하시면 될 것 같슴다. 👨💻 처리 방법! 1. input type을 number로 설정 2. onKeyup에 정규식을 사용합니다. 추가로 궁금한 점이 있다면 댓글 남겨주세요. 감사합니다 ^ ^
[javascript] input에 자연수만 넣을 수 있도록 처리하는 방법안녕하세요. 팀드모네입니다. input 태그에 자연수만 입력할 수 있는 방법을 공유드립니다. 처리 방법이야 많은데, 제 경험상 onKeyup을 쓰는 것이 가장 안정적이었습니다. 우선 자연수가 뭔지 짚고 넘어가겠습니다. 👨💻 자연수란? 1,2,3,4,5...을 의미합니다. 소숫점이 들어가면 안되며 마이너스 값도 안됩니다. 혹시 헷갈리신다면, 아래 사진을 참고하시면 될 것 같슴다. 👨💻 처리 방법! 1. input type을 number로 설정 2. onKeyup에 정규식을 사용합니다. 추가로 궁금한 점이 있다면 댓글 남겨주세요. 감사합니다 ^ ^
2022.07.06 -
안녕하세요. 팀드모네입니다. 업무 중에 자꾸 사용할 일이 생겨서 기록합니다. jQuery를 항상 최신 버전으로 유지하는 링크입니다. https를 사용하시는 경우 http를 사용하는 경우 주소를 복사 붙여넣기 하셔서 사용하시면 됩니다. 감사합니다.
[jQuery] 항상 최신 버전으로 사용하는 방법안녕하세요. 팀드모네입니다. 업무 중에 자꾸 사용할 일이 생겨서 기록합니다. jQuery를 항상 최신 버전으로 유지하는 링크입니다. https를 사용하시는 경우 http를 사용하는 경우 주소를 복사 붙여넣기 하셔서 사용하시면 됩니다. 감사합니다.
2022.05.17 -
jquery find로 하위요소 class 찾는 방법을 공유드립니다. 참고로 find() 함수는 하위 요소를 모두 서칭합니다. 잘못 사용하시면 페이지 로딩이 느려집니다. 코딩에 참고하세요~~ 도움이 되셨길 바랍니다. 즐거운 하루 되십쇼!
jquery find로 하위요소 class 찾는 방법jquery find로 하위요소 class 찾는 방법을 공유드립니다. 참고로 find() 함수는 하위 요소를 모두 서칭합니다. 잘못 사용하시면 페이지 로딩이 느려집니다. 코딩에 참고하세요~~ 도움이 되셨길 바랍니다. 즐거운 하루 되십쇼!
2021.03.08 -
오늘은 json console 찍는 방법에 대해서 공유드리겠습니다. 가끔 웹 프로그래밍을 할 때 [object Object] 로 콘솔이 찍혀 곤란한 경우가 있습니다. 이런 경우, JSON.stringify 함수를 사용해보세요. 해결이 될 수도 있습니다. console.log(JSON.stringify(data)); 도움이 되셨길 바랍니다. 즐거운 하루 되십쇼!
json console 찍는 방법오늘은 json console 찍는 방법에 대해서 공유드리겠습니다. 가끔 웹 프로그래밍을 할 때 [object Object] 로 콘솔이 찍혀 곤란한 경우가 있습니다. 이런 경우, JSON.stringify 함수를 사용해보세요. 해결이 될 수도 있습니다. console.log(JSON.stringify(data)); 도움이 되셨길 바랍니다. 즐거운 하루 되십쇼!
2020.12.18 -
안녕하세요. 팀드모네입니다. 오늘은 javascript와 AES를 사용하여 간단하게 암복호화 기능을 구현하는 방법에 대해 공유드립니다. 우선, 간단하게 용어정리를 하고 시작하겠습니다. 1. 양방향 암호화란? (Two-Way Encryption) - 문장을 암호화하고 복호화할 수 있는 알고리즘을 의미합니다. - 반대로 문장을 암호화하고 복호화를 할 수 없는 것은 파괴형 또는 단방향 암호화라고 부릅니다. 2. 사용 방법 요약 - 암호화 : Encrypt("암호화할 문자열", "key값", "암호화비트(128, 192, 256중 하나)") - 복호화 : Decrypt("암호화된 문자열", "key값", "암호화비트") 3. 사용 예제 - index.html security.js를 공유드립니다. 넣도 동작해보시..
javascript와 AES를 사용하여 암복호화 기능 구현하기안녕하세요. 팀드모네입니다. 오늘은 javascript와 AES를 사용하여 간단하게 암복호화 기능을 구현하는 방법에 대해 공유드립니다. 우선, 간단하게 용어정리를 하고 시작하겠습니다. 1. 양방향 암호화란? (Two-Way Encryption) - 문장을 암호화하고 복호화할 수 있는 알고리즘을 의미합니다. - 반대로 문장을 암호화하고 복호화를 할 수 없는 것은 파괴형 또는 단방향 암호화라고 부릅니다. 2. 사용 방법 요약 - 암호화 : Encrypt("암호화할 문자열", "key값", "암호화비트(128, 192, 256중 하나)") - 복호화 : Decrypt("암호화된 문자열", "key값", "암호화비트") 3. 사용 예제 - index.html security.js를 공유드립니다. 넣도 동작해보시..
2020.10.12 -
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
canvas clearrect not workingTry 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
2020.09.14