자바스크립트
-
[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 간단하게 설명하면, 자바스크립트에서 함수 및 변수 선언이 코드 순서상 먼저 일어나지 않아도, 실행할 수 있는 것이다. 예를 들어, 호이스팅을 변수 및 함수 선언이 물리적으로 작성한 코드 상단으로 옮겨지는 것으로 가르치지만, 실제로는 그렇지 않습니다. 변수 및 함수 선언은 컴파일 단계에서 메모리에 저장되지만, 코드에서..
-
[알고리즘] 해커랭크 알고리즘 사이트programming/Algorithm 2019. 11. 1. 00:00
예전에 코딩 테스트를 몇 번 본 적이 있다. 그때 시험쳤던 사이트로 처음 알게 된 사이트다. https://www.hackerrank.com HackerRank Join over 7 million developers. Practice coding, prepare for interviews, and get hired. www.hackerrank.com 다른 알고리즘 사이트와는 UI말고는 다를 게 없어 보이지만, 아주 큰 차이점이 있다. 모두 영어로 되어 있다는 것. 외국 사이트니까 당연한 것이지만, 처음 시험을 이 사이트로 볼 때는 조금 당황했었다. 영어실력도 같이 보겠다는 조금의 의미도 있겠지만, 몇 번 문제를 풀다 보면 영어에는 어렵지 않게 적응할 수 있다. (아직 문제를 많이 풀어보지 못해서, 뒤에 ..
-
[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++){ ..