마크업개발 메모장

전에 transform으로 이미지 위아래로 움직이는 법을 포스팅 한적이 있다.하지만 그 후에 잘 쓰지 않게되서 금방 까먹어버렸;;;기에ㅠㅠ다시 복습하는 차원에서 공부해보았다. 오늘은 이미지를 확대/축소 시킬수 있는 zoomin효과를 만들어봤다.이미지에 마우스 오버가 되거나 스크롤할때 zoomin 효과를 주면 별거 아니지만 좀 있어보이는 것 같다. ㅋㅋ아.. 하지만 이미지는 잘못 사용하면 위험하므로 예제는 텍스트로 만들었다ㅠㅠ이미지로 해야한다면 background로 넣어주면 된다는 것~!! 생각보다 어렵지 않다! 연습예제 > http://jsfiddle.net/dmyjbbk9/3/ 여기서 중요한 것은!1. zoomin이 되는 엘리먼트를 감싸는 부모 엘리먼트에 overflow : hidden ; 을 꼭 넣어..

Math 객체란? Math 객체는 자바스크립트의 기본 내장 객체 중 유일하게 생성자 함수를 사용하지 않는 객체이다. Math 객체는 이름 그대로 수학과 관련된 속성과 메서드를 갖는 객체고 다음과 같은 속성을 갖는다.속성 이름 설명 E 2.718281828459045 LN2 0.6931471805599453 LN10 2.302585092994046 LOG2E 1.4426950408889634 LOG10E 0.4342944819032518 PI 3.141592653589793 SQRT1_2 0.7071067811865476 SQRT2 1.4142135623730951 Math 객체는 아래와 같이 사용한다. Math 객체는 메서드를 갖는다. Math 객체의 메서드로 넘겨진 모든 매개 변수는 종류에 관계 없이 ..

Date 객체란? Date 객체는 날짜와 시간을 표시하는 객체이다. Date 객체를 생성하는 가장 간단한 방법은 다음과 같다. 이렇게 생성자 함수에 어떠한 매개 변수도 입력하지 않으면 현재 시간으로 초기화 된다. 코드를 실행하면 현재 시간이 출력되고 실행 위치가 한국이므로 GMT+ 0900 나 UTC + 0900의 표준 시간으로 표시된다. 브라우저에 따라 기본 설정이 GMT(Greenwich Mean Time)일 수도 있고, UTC(Universal Time Coordinated)일 수도 있다. GMT 시간과 UTC 시간의 시간 차이는 1초 미만이므로 크게 신경 쓰지 않아도 된다.Date 객체의 생성자 함수는 정말 많다. 문자열을 사용해 시간을 초기화할 수도 있지만 아쉽게 한글은 입력해도 소용없다. 문자..

Array 객체란? Array 객체는 여러 가지 자료를 쉽게 관리할 수 있게 도와주는 객체이다. 생성자 함수를 사용해서 생성할 수 있다.생성자 함수 설명 Array 빈 배열을 만듭니다. Array(number) 매개 변수만큼의 크기를 가지는 배열을 만듭니다. Array(mixed, … , mixed) 매개 변수를 배열로 만듭니다. Array 객체는 지금까지 사용해왔던 간단한 방식으로도 생성할 수 있으므로 Array 객체는 다음 코드처럼 총 4가지 방법으로 생성할 수 있다. 배열은 몇 개의 요소를 가지고 있는지 나타내는 length 속성을 갖는다.속성 이름 설명 length 배열 요소의 개수를 알아냅니다. 단순 for 반복문을 사용해 Array 객체의 요소를 확인할 때 length 속성을 사용한다. Arr..