Martin`s Work

사용범위 대부분의 브라우저는 다 지원하되, IE의 경우는 IE9 이상부터 지원한다. 각 브라우저마다 사용하려면 -webkit-(Chrome, Safari), -moz-(Firefox), -o-(Opera) 그리고, IE9 이하의 브라우저를 대비한 css를 작성해야한다. 기능 calc 기능은 자바스크립트에서 계산하던 방식과 동일하게 사용할 수 있어, 자바스크립트로 처리하던 부분을 상당부분 줄일 수 있다. 다만, 하위 브라우저까지 고려해야한다는 단점이 있어, 상황에 맞게 사용하면 좋은 기능인듯 하다. 12345678910111213141516171819202122232425 #div{ position:absolute; left:50%; top:50%; margin-top:-50px\0/IE8; /* IE8 ..

Select태그 관련한 기능 jquery에서 select태그에 기능을 넣기 위해 Selctor의 Dom을 가져오기 위한 몇가지 방법이 있다. 실제 이러한 방법을 쓰는 경우를 써야하는 경우는 여러가지 이유가 있겠지만, 그 중 하나로는 디자인 Select박스를 써야하는 경우가 있다. 단순 css만 이용하는 경우(:checked 속성)는 하위 브라우저에서 호환성 문제가 되어 이러한 경우 스크립트로 처리해야한다는 상황을 가정하에 작업한다. 현재 선택된 option의 값 가져오기 아래와 같이 select의 자식들 option에게 value 값을 부여하지 않으면 선택1, 선택2, 선택3 등과 같은 option의 innerText를 가져오게 된다. 12345678910111213 선택1 선택2 선택3 var sele..

프로토타입의 개념 자바스크립트는 자바, C++, C#에서 제공하는 것과 같은 실제 클래스(true class)를 지원하지 않는 대신 모조 클래스(pseudoclass)를 정의할 수 있다. 모조클래스는 프로토타입 객체나 생성자 함수를 사용하여 구현할 수 있다. 자바스크립트의 모든 객체는 프로토타입이라고 불리는 또 다른 객체를 내부적으로 참조할 수 있다. 그리고 객체는 프로토타입의 프로퍼티들은 자신의 프로퍼티로 가져온다. 123var a = new Date(); Colored by Color Scriptercs 예를 들어서, 위와 같이 a 객체를 Date() 라는 생성자 함수를 이용하여 만들 경우, new 연산자는 객체a 의 프로토 타입을 설정하게 되는데, 객체 a 의 프로토 타입은 자신을 만들어낸 생성자 ..