프로그래밍/JavaScript & jQuery 썸네일형 리스트형 Google JavaScript Style Guide https://google.github.io/styleguide/jsguide.html 구글은 자바 스크립트 스타일 가이드를 발행 합니다. 다음은 몇 가지 핵심 교훈이 있습니다. (Google publishes a JavaScript style guide. Here are some key lessons) 아직 익숙하지 않은 사람들을 위해, 구글은 깨끗하고 이해할 수 있는 코드를 쓰는 데 있어 가장 좋은 lays out을 제시하는 자바 스크립트(JavaScript) 작성을 위한 스타일 가이드를 내놓았다.이러한 규칙은 유효한 JavaScript를 작성하기 위한 어렵고 빠른 규칙이 아니며 원본 파일 전체에 걸쳐 일관되고 매력적인 스타일 선택 사항을 유지하기 위한 규정만 있습니다. 이것은 자바 스크립트에서 특히.. [JavaScript] 숫자에 콤마 찍기 함수 벤치마킹 아래는 벤치마킹한 코드 numberWithCommas는 스택오버플로우에서 보고 추가했던 것인데 결과는 setComma 함수가 더 빠름! [jQuery] 노드 찾기 1. 노드 찾기 - 태그 이름으로 노드 찾기 : $("태그이름"), $("선택자") - 클래스 이름으로 노드 찾기 : $(".클래스이름") - ID로 노드 찾기 : $("선택자") - 속성으로 노드 찾기 : $("[속성이름=값]") - 찾은 요소 개수 구하기 : .size() , .length - 찾은 요소 n번째 접근하기 : .eq(index) , .each(function(index){}); - 찾은 요소에서 특정요소만을 걸러내기 : .filter("선택자") - 찾은 요소에서 특정 자식요소만 찾기 : .find("선택자") 2. 자식 노드 찾기 - 전체 자식 노드 찾기 -- 텍스트 노드 포함 전체 자식 노드 찾기 : $("선택자").contents() -- 텍스트 노드 제외한 전체 자식 노드 찾기 .. [jQuery] – append(), appendTo(), html(), prepend(), prependTo(), text() , after() , before() append() - 지정한 요소의 마지막에 내용를 추가 appendTo() - 지정한 요소의 마지막에 내용를 추가 # append()와 appendTo()는 동일한 기능을 수행하지만, 추가될 내용과 타겟의 위치가 다름. A.append(B) - A에 B를 추가 A.appendTo(B) – B에 A를 추가 html(value) - 지정한 요소 내부에 새로운 html문자열(value)을 추가 prepend() – 지정한 요소의 시작 부분에 내용을 삽입 prependTo() – 지정한 요소의 시작 부분에 내용을 삽입 # prepend ()와 prependTo()는 동일한 기능을 수행하지만, 추가될 내용와 타겟의 위치가 다름. A.prepend(B) - A에 B를 추가 A.prependTo(B) – B에 A를 .. KeyboardEvent Value (keyCodes, metaKey, etc) #Table of Values Key Code backspace 8 tab 9 enter 13 shift 16 ctrl 17 alt 18 pause/break 19 caps lock 20 escape 27 (space) 32 page up 33 page down 34 end 35 home 36 left arrow 37 up arrow 38 right arrow 39 down arrow 40 insert 45 delete 46 0 48 1 49 2 50 3 51 4 52 5 53 6 54 7 55 8 56 9 57 a 65 b 66 c 67 d 68 Key Code e 69 f 70 g 71 h 72 i 73 j 74 k 75 l 76 m 77 n 78 o 79 p 80 q 81 r 82 s 83 t 84.. [jQuery] : attribute와 property 의 차이 HTML : attribute와 property 의 차이 원문 : http://jquery-howto.blogspot.kr/2011/06/html-difference-between-attribute-and.html 이 짧은 글을 통해 HTML에서 말하는 attributes와 properties의 차이점을 설명하고자 한다. jQuery1.6 에 소개되는 .prop() 함수에 대해 기존 .attr() 과 무엇이 다른지 많은 질문이 제기되었다. 이 글이 그것을 이해하는데 도움이 되었으면 한다. attribute는 무엇인가? Attributes는 HTML 요소의 추가적인 정보를 전달하고 이름=“값” 이렇게 쌍으로 온다. 예를 들어 를 보면 div 태그가 class 라는 값이 ‘my-class’인 attribut.. [jQuery] 스크롤 막는 방법 $(스크롤을 막아야하는 영역).on('scroll touchmove mousewheel', function(e){ e.preventDefault(); e.stopPropagation(); return false; }) 해제를 하는 방법은 제이쿼리의 off를 이용해서 $(스크롤을 막아야하는 영역).off('scroll touchmove mousewheel'); 로 해제하거나, 모달 팝업같은 상황에선 영역을 모달팝업으로 잡아, 팝업이 닫히면 이벤트가 해제되게하면된다 Underscore.js library 한글 번역된 곳 https://github.com/tipjs/Underscore.js-kr Translation of "Getting Cozy With Underscore.js" into Korean, under the same license as the original. 들어가기 전에, functional javascript 자바스크립트의 함수형 프로그래밍에 대한 간략한 소개가 있는 슬라이드. 함수형 프로그래밍에 개념과 underscore의 컨셉을 이해하는데 도움이 된다. Underscore.js와 만나다 그래서 Underscore가 정확히 뭐하는건데? Underscore는 Prototype.js(혹은 Ruby)처럼 기본 JavaScript 객체들을 확장하지 않고 함수형 프로그래밍을 지원할 수 있는 유.. 이전 1 2 다음