javascript 썸네일형 리스트형 javascript의 null과 undefined null도 객체 undefined 가 null로 인식된단다. 예) Javascript null & undefined 1. 선언된 변수. var temp; alert(temp == null); // true alert(temp == undefined); // true alert(typeof temp); // 'undefined' 2. 미선언 변수. 미선언 변수는 참조나 비교시 에러가 발생하나 특별히 typeof 연산자에서는 undefined를 반환한다. // temp2변수를 선언하지 않았을 때. alert(typeof temp2); // 'undefined' alert(temp2); // error. alert(temp2 == undefined); // error. . 3. 함수의 리턴 function t.. 더보기 [CSS]10가지 CSS TIP 1. CSS 폰트 설정 간략하게 하는 법 CSS에서 보통 폰트를 규정하는 방법은 font-weight: bold; font-style: italic; font-variant: small-caps; font-size: 1em; line-height: 1.5em; font-family: verdana,sans-serif 입니다. 하지만 아주 압축해서 한 줄로 표현할 수 있습니다. font: bold italic small-caps 1em/1.5em verdana,sans-serif 훨씬 낫습니다. 폰트의 사이즈와 폰트명을 반드시 표기해야 하는데요. 이 때 주의할 점은 맨마지막에 폰트명을, 그리고 바로 앞에 폰트 사이즈를 명기해야 합니다. 나머지 속성은 표기하지 않으면 Default 속성이 적용되는 것입니다... 더보기 onClick 시 손가락 onClick 시 style="cursor:pointer" -> 웹 표준 style="cursor:hand" -> 비 웹 표준 더보기 div 레이어 스타일 position 가운데 정렬하는법 ======================================================================================================== 예시 ======================================================================================================== 더보기 userAgent 에이전트를 이용한 모바일 페이지로 자동 이동 일전에 에이전트를 알아볼 수 있는 스크립트를 포스팅한적이 있는데요. "navigator.userAgent" 말이죠. 그렇다면 오늘은 이것을 이용하여 모바일 기기가 접속을 했을 때, 모바일 사이트로 바로 이동하게 하는 것을 해보도록 하겠습니다. 모든 일들이 마찬가지겠지만 이 일을 잘 해결하기 위해서는 일단 필요한 것들과 일의 과정을 정리해보면 되겠는데요. 우선 작업의 과정을 살펴보면, 1. 사이트에 접속한다. 2. 브라우저를 체크한다. 3. 에이전트에 따라서 페이지를 연결한다. 대략 이렇게 세가지 단계에 의해서 일을 처리하면 될텐데요. 그렇다면 2번째의 브라우저를 체크 하는 방법은 에이전트를 검사하는 방법을 사용하면 됩니다. navigator.userAgent 그 다음에 확인된 브라우저에 따라서 페이지를 .. 더보기 javascript Popup Boxes - 1 좀 까먹지 말자. 더보기 javascript date() date()객체 생성 변수명 = new Date(); // 이렇게 date()객체를 생성하고, 변수로 받아오면서 메소드를 통한 date처리가 가능해진다. 객체 접근 기본형태 변수명.메소드 // date객체를 가진 변수명에 메소드를 전달 Date 객체의 메소드 - 날짜와 시간 얻기 getDate() : 일(date)을 반환한다. getDay() : 요일(day)에 해당하는 숫자 반환 getMonth() : 월(month)을 반환한다. getYear() : 2자리 년도를 반환한다. getFullYear() : 4자리 년도를 반환한다. getHour() : 시를 반환한다. getMinutes() : 분을 반환한다. getSeconds() : 초를 반환한다. getTime() : 익스플로러에서 1970년 1월 .. 더보기 객체지향 자바스트립트 2-3 2-21 constructor 프로퍼티를 사용하는 예 2-22 prototype 객체를 통해 추가한 메서드를 갖는 객체의 예 2-23 생성자 함수에서만 사용할 수 있는 private 메서드 예 2-24 privileged 메서드를 사용하는 예 2-25 새 객체 인스턴스가 만들어질 때 동적으로 생성되는 메서드 예 2-26 static 메서드의 간단한 예 더보기 객체지향 자바스크립트 2-2 2-11 자바스크립트에서 전역 유효범위와 Window 객체 2-12 함축적이 전역 유효범위 변수 선언의 예 2-13 클로저가 어떻게 코드의 의미를 명료하게 만드는지 보여주는 두 가지 예 test 2-14 클로저로 함수를 커링하는 예 2-15 변수들을 전역 유효범위에서 볼 수 없게 익명 함수를 사용하는 예 2-16 클로저를 사용하는 여러 함수를 생성하는 데 필요한 유효범위를 만드는 익명 함수의 예 test 자바스크립트 클로저 http://jibbering.com/faq/faq_notes/closure.html 2-17 한 콘텍스트 안에서 함수를 사용한 후 콘텍스트를 다른 변수로 바꾸는 예 2-18 함수 콘텍스트를 바꾸는 예 test 2-19 간단한 객체를 하나 생성하고 프로퍼티를 설정하는 두 가지 예 2-.. 더보기 JSON 웹 응용 프로그램 개발에는 XML이 대세이다. 표준화된 포맷이므로 이기종간의 통신에도 아무런 문제가 없고 표현력도 나름대로 풍부하기 때문이다. 그러나 XML은 SGML을 간략화한 포맷임에도 불구하고 규칙이 무척 복잡하고 까다로와 파싱하는데 고려해야 할 것들이 무척 많다. 그래서 XML 문서는 통상 별도의 전문 파서를 사용한다. 그러나 파서도 XML 스팩의 모든 규칙을 준수해 가며 예외적인 상황까지 다 처리해야 하므로 느릴 수밖에 없다. CPU 빵빵하고 메모리가 넉넉한 PC 환경에서는 왠만한 크기의 XML 문서라도 별 문제가 없다. 그러나 자원이 제한된 모바일 환경에서 XML의 비효율성은 치명적이다. 50K 문서 하나를 다운받은 후 DOM으로 원하는 정보를 객체로 뽑아 내는데 최소 15초가 걸리며 길면 3.. 더보기 이전 1 2 3 4 다음