리본 리본

js

• [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(..

  Read More
• [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 이벤트를 없앤다.

  Read More
• [JavaScript] eval() 사용법과 동적으로 변수 추가하기

  programming/JavaScript&jQuery 2019. 10. 16. 22:58

  eavl() : 문자로 표현된 JavaScript 코드를 실행하는 함수 사용법은 간단하다. eval(String); 문자열을 eval()로 감싸서 실행하면 된다. 설명을 간단한 코드로 만들어본다면 아래와 같이 사용할 수 있다. eval("alert('test')"); // alert("test"); 실행 eval("console.log(1+1)"); // 콘솔에 2가 찍힘 "" 안에 들어있는 문자열들이 JavaScript 코드로 인식되어, alert도 띄우고 console.log도 찍을 수 있게 된다. 그래서 가끔은 동적으로 변수를 추가할 경우에도 eval()을 사용한다. object에 새로운 변수들을 추가하는 경우. 실행 #1 var obj = {}; for(var i = 0; i < 5; i++){ ..

  Read More
• [HTML&CSS] 자식&자손 선택자, 선택자 여러개 선택하기

  programming/HTML&CSS 2019. 9. 30. 23:45

  html, css, javascript, jquery... 등에서 선택자를 쓸 일이 많다. 객체를 선택할 때 많이 쓰는데 여러 가지 방법으로 쓸 수 있다. #SELECTOR { stlye:display:none;} $("#SELECTOR").val("test value"); 등의 형식으로 쓸 수 있다. 이때 선택자는, 자식 선택자, 자손 선택자 또는 여러 선택자를 동시에 선택할 수 있다. 먼저 자식 선택자는 "바로 아래" 객체를 선택할 수 있다. 위와 같은 html 태그들이 있을때, 자식 선택자로 아래와 같이 해당 객체를 선택할 수 있다. $("SELECTOR1 > SELECTOR2"); 자손 선택자로는 "해당 객체 하위 객체 중 하나"를 선택할 수 있다. $("SELECTOR1 SELECTOR3-1")..

  Read More