javascript
-
[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] 호이스팅이란?programming/JavaScript&jQuery 2019. 11. 4. 00:00
1. 호이스팅이란? 호이스팅이란? Hoisting 호이스팅(hoisting)은 ECMAScript® 2015 언어 명세 및 그 이전 표준 명세에서 사용된 적이 없는 용어입니다. 호이스팅은 JavaScript에서 실행 콘텍스트(특히 생성 및 실행 단계)가 어떻게 동작하는가에 대한 일반적인 생각으로 여겨집니다. 하지만 호이스팅은 오해로 이어질 수 있습니다. developer.mozilla.org 간단하게 설명하면, 자바스크립트에서 함수 및 변수 선언이 코드 순서상 먼저 일어나지 않아도, 실행할 수 있는 것이다. 예를 들어, 호이스팅을 변수 및 함수 선언이 물리적으로 작성한 코드 상단으로 옮겨지는 것으로 가르치지만, 실제로는 그렇지 않습니다. 변수 및 함수 선언은 컴파일 단계에서 메모리에 저장되지만, 코드에서..
-
[JavaScript] let 그리고 const 사용법programming/JavaScript&jQuery 2019. 11. 3. 00:00
1. ECMA Script 6 줄여서 ES6라고 부르는 스크립트의 버전. 해당 버전에서 let과 const가 새로 생겼다. 이외에도 많은 게 생겼지만 여기선 let과 const만 적어본다. 2. let and const let과 const는 var 혼자서 하던 일을 대체하기 위해서 나왔다. 이전의 JavaScript에서는 var만 사용해도 모든 것을 처리할 수 있었지만, 똑같은 변수 선언 및 재할당이 너무나도 자유로워서, 잘못 사용할 경우가 있었다. 이러한 경우를 "블록 유효 범위"를 가지는 let과 const로 보충할 수 있다. 3. 사용법 let 1 2 3 4 5 6 7 let i = 1; for(let i = 0 ; i
-
[ETC] JavaScript 주소창에서 실행하기programming/ETC 2019. 10. 23. 00:00
https://leeborn.tistory.com/entry/a-tag의-href-의미 [HTML&CSS] a tag의 href="#" 의미 홈페이지에서 링크를 걸 때 href="#id"의 형식으로 걸어서 해당 id 위치로 이동할 수 있다. 그리고, a tag를 사용하지만, onclick을 사용해서 다른 작동을 하거나, 단순 a의 스타일을 따를 때 href="#"의 형태를.. leeborn.tistory.com 이전 포스팅에서 a태그의 클릭 시 href의 속성에 대해서 쓴 적이 있다. 그때, href="#", href="javascript:;"에 대해서만 적었는데, 이번에 href="javascript:void(0)"도 같은 동작을 한다는 걸 알았다. 그래서 3개의 차이점을 궁금해하면서 javascrip..
-
[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++){ ..
-
[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")..