본문 바로가기

JavaScript

[javascript] .prototype과 .constructor .prototype과 .constructor SmartTV 프로젝트를 진행하면서 javascript를 조금더 깊이있게(?) 사용해 보기위해 상속효과라던지 prototype등 공부를 했었는데 잘 정리해준 글이 있어서 퍼왔다.. prototype Object 는 모든 인스턴스가 상속 받는다function Circle(r) { this.r = r ; } Circle.prototype.area = function() { return this.r*this.r*Math.PI ; } prototype Object 는 모든 인스턴스가 상속 받으므로 클래스 변수와 클래스 메써드를 위치시키기 좋은 곳이다. .prototype 및 .constructor 정리[생성자 함수] function typeClass1(x) {this.. 더보기
[javascript] apply() & call() apply() & call() 유효 범위의 변경apply() 메서드와 call() 메서드를 이용하면 유효 범위를 변경할 수 있습니다. apply() 메서드 apply() 메서드는 자신이 원하는 유효 범위로 변경할 때 사용합니다. 메서드의 인수는 배열로 지정합니다. 다음은 apply() 메서드를 사용하는 예제입니다. function callName(a,b){ return this.name(a,b);} var Car = { name : function(a,b){ return “kia” +a+ b;}}; var Car2 = { ame : function(a,b){return “deawoo” +a+ b;}} callName.apply(Car,[1,2]); // kia12callName.apply(Car2,[1,.. 더보기
[javascript] jQuery + html5 에서 스크립트 실행순서 Jquery + html5 에서 스크립트 실행순서 컨트롤 하기. 스크립트에서 실행 순서를 컨트롤 해야할때가 있습니다.function A() {} function B() {} function C() {} function D() {} 기타 플러그인 삽입 스크립트 + 라이브러리 스크립트 + setTimeout 설정이들어간 스크립트 + 자기가 원하는 스크립트변수들의 초기화 및 사이트에서 사용하는 변수 + 전송받은 파라미터 재설정 등등..... 같이 수많은 작업들이 들어간 스크립트 처리가 필요할때 반드시 스크립트들간의 실행 순서를 바로 알고 사용해야만 동적으로 생성되는 함수및, 플러그인 프로토타입함수를 호출할때 오류및 에러가 발생하지 않습니다. - 보통 -플러그인 + 프로토타입으로 생성된 라이브러리들은 동적으로 .. 더보기
[javascript] 간단한 스크롤박스 만들기 간단한 스크롤박스 만들기 테이블 부분// 테이블 내용// 테이블 내용// 테이블 내용 더보기
[javascript] Enter 키 처리 Enter 키 처리 function pressEnter(){var key = event.keyCode; if(key == 13){alert("enter");}} 더보기
[javascript] Object object 값 보는 방법 [object Object] 값 보기 TV 프로젝트 중 focus event를 주고 전달받은 parameter 값을 알고 싶어서 alert(); 을 띄워봤지만 [object Object] 가 출력되었다. 매우 유용하게 사용할 듯.. 코드를 실행하면 오브젝트의 값이 출력된다. 만약 [object Object]가 또 출력된다면,myObj[myKey] 값이 object라면, 다시 한번 for문으로 값을 확인할 수 있다. for(key in obj.handleObj){alert("obj[" + key + "]" + obj.handleObj[key]);} 더보기
[javascript] 공백제거 공백제거 function spaceRemove = function(val){ var resultStr = ""; //반환해주는 결과값for(i = 0; i < val.length; i++){var tmpStr = val.charAt(i);if(tmpStr == " "){tmpStr = "";}resultStr += tmpStr;}return resultStr;}; 더보기
[javascript] 공백, 특수문자 처리 공백, 특수문자 처리 function validCheck(name, obj){var str=$("#" + obj);var blank_pattern = /[\s]/g;if(blank_pattern.test(str.val()) == true){alert(name + " 에 공백은 사용하실 수 없습니다.");str.val("");return false;}var special_pattern = /[`~!@#$%^&*|\\\'\";:\/?\(\)\+\=\-\_\,\.]/gi;if(special_pattern.test(str.val()) == true){alert(name + " 에 특수문자는 사용하실 수 없습니다.");str.val("");return false;}var kor_pattern = /[ㄱ-ㅎ|ㅏ-ㅣ.. 더보기
[javascript] 한글만 입력받기 한글만 입력받기 function check(obj){var str = obj.val();for(var i= 0; i 0x3130 && str.charCodeAt(i) = 0xAC00 && str.charCodeAt(i) 더보기