JavaScript 썸네일형 리스트형 Minify 를 이용한 JavaScript, CSS 압축 전송 웹 서버의 페이지 크기가 크면 로딩 속도가 느리게 되는데 이때 PHP의 경우 압축전송 기술인 gzip 을 사용하게 됩니다. PHP로 gzip을 사용하여 문서를 압축 하면 대략 70 ~ 80% 까지 압축률을 보여 주며 보통 PHP 상단에 아래와 같이 적어 사용합니다. 하지만 자바스크립트와 CSS 파일은 PHP 파일이 아니라서 ob_start 를 사용할 수가 없습니다. 자바스크립트나 CSS 같은 파일을 압축 전송하도록 해주는 Minify 를 소개 합니다. Minify 는 PHP 5.2.1 이상 버전과 zlib 압축 라이브러리가 설치된 환경이어야 합니다. http://code.google.com/p/minify/ Minify 를 압축 풀어 나오는 min 폴더만 웹 문서가 있는 기본 디렉토리로 가져 갑니다. (.. 더보기 자바스크립트에서 배열인지 확인하기 function isArray(o) { return Object.prototype.toString.call(o) == '[object Array]'; } 배열일때 return 값은 true로 반환된다 더보기 HTML5 canvas 기본 사용법 기본 사용법 canvas의 기본 사용법이다. canvas의 속성은 width, height 두가지만 가지고 있다. 만약 크기를 지정하지 않으면 기본적으로 300*150의 공간을 가지고 있고, Javascript, CSS로 쉽게 제어가 가능하다. CSS로는 일반적인 이미지 태그처럼 각종 스타일을 지정할 수 있다. (margin, background, border 등) 대체 속성 canvas는 기본적으로 브라우저 지원이 적기때문에 간단하게 대체 문구나 이미지를 삽입할 수 있다. current stock price: $3.15 +0.15 위의 두가지 canvas요소들은 각각 canvas를 지원하지 않는 브라우저에서 보았을경우 아래의 텍스트와 이미지로 대체할 수 있다. 더보기 이전 1 다음