programming/JavaScript&jQuery
-
[JavaScript] 자바스크립트 숫자 체크(isNaN)programming/JavaScript&jQuery 2020. 4. 2. 23:52
자바 스크립트에서 숫자가 아님을 의미하는 것은 NaN(Not a Number)라는 것이 있다. 하지만 이건 (NaN == NaN)과 같이 비교할 수 없다.(예상한 결과값과 다르게 나올 것이다.) 예를 들어서 아래와 같이 사용할 수 있다. 숫자가 아닐 때 true를 반환한다. 근데 isNaN()도 있고, Number.isNaN()도 있다. 둘의 정확한 용법 차이는 아래에서 자세하게 확인할 수 있다. https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/isNaN#%EC%9D%BC%EB%B0%98%EC%A0%81%EC%9D%B4%EC%A7%80_%EC%95%8A%EC%9D%80_%EA%B7%9C%EC%B9%99 isNaN(..
-
[Js&jQuery] remove on event / on 이벤트 없애기programming/JavaScript&jQuery 2020. 2. 24. 23:43
jQuery의 on 이벤트를 없애는 건 off 다. 왜인지 모르지만 써본 적은 없었던 것 같다. 근데 on이 있으면 off도 있을 거 같아서 써보았더니 정말 있었다. 그래서 간단한 예제로 만들어 봤다. 버튼을 클릭하면 alert이 생기고, off버튼으로 이벤트를 없앤다. on버튼으로 이벤트를 추가한다. on을 누른만큼 이벤트는 중첩해서 발생한다.(alert이 여러 개 뜬다.) off는 한번만 눌러도 모든 on 이벤트를 없앤다.
-
[JavaScript] 한글 keypress 이벤트 작동 안함programming/JavaScript&jQuery 2019. 12. 21. 19:34
웹에서 키보드 입력 체크를 하기 위해서 많은 이벤트 체크를 하는데, 그중 하나가 keypress 이벤트다. 하지만 이게 작동을 하지 않을 때가 있는데, 한글을 입력할 때다. keypress, keyup, keydown 3가지 이벤트를 실행해보면 콘솔에 찍히는 것이 다르다. 영어 및 숫자 입력해선 모든 이벤트가 발생한다. 하지만 한글 입력에서는 keypress가 발생하지 않는다. 참고해서 해당 이벤트를 적용해야 한다.
-
[JavaScript] js 인터넷 연결 확인 (online)programming/JavaScript&jQuery 2019. 12. 11. 00:00
브라우저가 Online 상태인지 체크 하는 방법 navigator.onLine 다양한 navigator 객체에 대해선 아래에서 참고. https://developer.mozilla.org/ko/docs/Web/API/Navigator Navigator Navigator 인터페이스는 user agent의 상태나 신원정보를 나타냅니다. 스크립트로 정보를 쿼리로 불러오고 액티비티를 계속하기 위해 등록할 수 있습니다. developer.mozilla.org
-
[JavaScript] ES2015 백틱(`)과 템플릿 문자열programming/JavaScript&jQuery 2019. 11. 22. 00:00
백틱이란? 키보드 탭 위, 1의 왼쪽, '~'(물결표) 쯤에 있는 '와 비슷하게 생긴 문자다. 백틱(`)을 사용하면 ${}를 사용해서 문자열과 변수를 적절히 같이 사용할 수 있다. 이전 코드 const num1 = 10; const num2 = 20; console.log(num1 + ' + ' + num2 + ' = ' + (num1+num2) + " 입니다."); 문자열과 변수, 큰 따옴표와 작은따옴표, 문자 '+'와 연산기호 '+'등이 같이 있다. 코드상에서 큰따옴표나 작은따옴표를 잘못 붙이거나 해서 오류가 발생될 때가 제법 많다. 백틱 적용 ES2015 코드 const num1 = 10; const num2 = 20; console.log(`${num1} + ${num2} = ${num1+num2..
-
[JavaScript] 에러처리 try..catch..finally..throw..programming/JavaScript&jQuery 2019. 11. 12. 00:00
많은 언어에서 에러처리를 지원한다. JavaScript에서도 비슷하게 try catch로 에러처리를 도와준다. try catch 1 2 3 4 5 6 try{ console.log("try"); num[-1] = 0; }catch(e){ console.log(e); } try catch는 try 블럭 안에 수행할 문장을 적어주고, 해당 문장에서 에러가 나면 catch 블럭을 실행한다. try catch finally 1 2 3 4 5 6 7 8 try{ console.log("try"); num[-1] = 0; }catch(e){ console.log(e); }finally{ console.log("finally message"); } Colored by Color Scripter try catch 문에..
-
[jQuery&html] html 요소 지우기 .remove()programming/JavaScript&jQuery 2019. 11. 6. 00:00
기본 코드 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 test p tag text test p 2nd text test code test Colored by Color Scripter cs 1. remove() Description: Remove the set of matched elements from the DOM. remove()에 대한 jQuery에 올라와 있는 설명이다. 일치하는 요소들을 DOM에서 없애는 기능을 가지고 있다. 2. 사용법 1 2 3 4 5 6 7 8 $("#main").remove(); // div#main 없애기 $("button").remove(); // 모든 버튼 없애기 $("button").first().remove() // 첫번째 버튼만..