Kim's :D

https://stackoverflow.com/questions/9284664/double-exclamation-points

https://stackoverflow.com/questions/10507100/what-is-el-in-relationship-to-javascript-html-jquery el is just an identifier and it refers to an element, a DOM element, which is a convention in that library. el is a function that's been placed on the $ object, and can be invoked to generate DOM elements 내가 찾던건 이것 https://angular.io/api/core/ElementRef constructor에서 el을 선언하면 현재 component에서 사용하는 ele..

http://naminsik.com/blog/1864 jquery cookie expires : 만료일을 의미한다. 위 예제로 보면 7일동안 해당 쿠키를 유지한다는 이야기다.path : 경로설정이다. 이 사이트의 모든 페이지가 해당된다면 / 이렇게 슬러시만 둔다. 그렇지 않고 특정 폴더라면 경로를 넣으면 된다.domain : 쿠키가 적용될 도메인이다. 기본 설정은 쿠키가 만들어진 도메인이다.secure : 기본 설정은 false로 되어있다. true/false 로 입력가능하며 true 일 경우 https 프로토콜만 적용된다.

http://stackoverflow.com/questions/4843472/javascript-listener-keypress-doesnt-detect-backspace chrome에서는 keypress()가 delete detect하지 못함.web browser 마다 keypress의 detect 범위가 다름 Single keyclick events triggeredon Chromekeydown/keypress/keyup when browser registers a keyboard input (keypress is fired)keydown/keyup if no keyboard input (tested with alt, shift, backspace, arrow keys)keydown only for ..

https://vnthf.github.io/blog/jquery-focusout%EA%B3%BCclick-event%EC%B6%A9%EB%8F%8C/

TEST URL : http://localhost:8088/login/login.do?key=value [ JavaScript ]실행 함수 결과 값 location.href http://localhost:8088/login/login.do?key=value location.protocol http: location.pathname /login/login.do location.search ?keh=value location.host localhost:8088 [ jQuery ] 실행 함수 결과 jQuery(location).attr('href') http://localhost:8088/login/login.do?key=value jQuery(location).attr('protocol') http: jQu..

JavaScript의 this는 기존 언어에서 사용하던 this와는 다릅니다. 비슷한 의미로 사용될 때도 있지만, JavaScript의 this는 여러 가지 함수가 호출되는 방식(호출 패턴)에 따라 참조(바인딩)하는 객체가 다르기 때문입니다.자바에서의 this는 인스턴스 자신을 가리키는 참조변수입니다. this가 객체 자신에 대한 참조 값을 가지고 있다는 것입니다. 주로 매개변수와 객체 자신이 가지고 있는 변수의 이름이 같을 경우 이를 구분하기 위해서 사용됩니다.javascript의 this가 해당 함수 호출 패턴에 따라 어떻게 객체를 참조(바인딩)하는지에 대한 규칙1. 기본적으로 this는 전역 객체를 참조한다. 2. 메소드 내부의 this는 해당 메소드를 호출한 부모 객체를 참조한다. 3. 생성자 함..

자바스크립트 코드가 실행되려면 다른 스크립트가 먼저 로딩되어야 한다거나 하는 경우가 있는데, 자칫 스크립트 로딩의 순서가 꼬일 경우 에러를 뱉어내며 동작하지 않을 수 있다. JavaScript에게 모듈이란먼저 모듈에 대해 간단히 짚고 넘어가보자. 모듈의 개념은 Divide and Conquer 로 설명되는 각 기능(알고리즘)의 분할과 그 분할의 결합으로 생각해볼 수 있다. 보통의 성숙된 언어에서는 이러한 모듈화를 언어 차원에서 지원하고 있는데, 예를 들어 java의 경우에는 모듈이 instance로 생성되어지며 모듈끼리의 구분은 package로 구분된다. 그리고 모듈의 구현은 접근 제어자(private, public 등)의 사용으로 캡슐화를 보장하며, 필요한 것만 공개해서 그 모듈을 사용하려는 사용자가 ..

1.window.alert("ok"); window는 생략가능 java.lang 생략하는 것처럼 => alert("ok"); 2.getElementById : 맞는 id getElementByTagName : 맞는 name, 여러개일수 있으니 항상 배열로 return 3. ~~ : elementtag 보다 element라는 명칭이 더 정확 4. http://jscompress.com공백을 없애고, 변수명을 최대한 짧게하여 용량을 작게한 것.압축이 아니야!!javascript는 압축하면 못씀 5. cb : callback 6.jQuery 함수의 특징하나의 method를 가지고 get,set 모든 동작을 할 수 있다val 은 배열로 꺼내주는데 나머지것들은 값 꺼낼때 첫번째꺼만 꺼내줌 7.jquery가 ret..

1. 그림 그릴 영역 준비 : 그래픽이 그려질 영영(container)-id, height, width : 크기의 단위 pixel수 % 안먹힘 2. 그림그릴 준비var wpcanvas=document.getElementById("cvs");var wpcontext=wpcanvas.getContext("2d"); -getContext : 2차원의 다양한 도형을 그릴 수 있는 메소드들을 ㄱ자ㅣㄴ context object를 get 3. 사각형 그리기 wpcontext.fillRect(20,20,100,100); // 사각형 그리기wpcontext.strokeRect(20,160,100,100); // 테두리 있는 사각형 그리기wpcontext.fillRect(160,20,100,100);wpcontext.c..