종종 올리는 블로그

자바스크립트에서 윈도우 창 크기에 대해 알아보겠습니다. 익스플로러, 크롬, 파이어폭스, 오페라 모두 같은 값을 출력하는 윈도우 창크기는 window.outerWidth, window.outerHeight, window.outerHeight, window.innerWidth, innerHeight 가 있습니다. 각 속성 이름만 봐도 대충 파악이 되죠. 정확하게 window.outerWidth, window.outerHeight, window.outerHeight, window.innerWidth, innerHeight 는 어떤 값인지 알아봅시다. 아래 스크린샷을 보시면 이해가 빠르실것입니다. 익스플로러 창입니다. 한눈에 바로 이해되시죠? innerWidth, innerHeight 는 창 틀을 뺀 내용과 스..

javascript 이미지의 크기는 width, height 와 이미지 원본 파일의 실제 크기 naturalWidth, naturalHeight 가 있습니다. ( 제가 올리는 javascript 정보는 jQuery를 기본적으로 사용합니다. ) 이미지의 사이즈는 width, height 값을 기본적으로 사용하는데, 이 width, height 값은 화면상에 보이는 크기입니다. 이미지 원본 파일의 실제 크기를 구할때는 naturalWidth, naturalHeight 를 사용합니다. 아래 예제 코드를 보시죠. img width : img height : img naturalWidth : img naturalHeight : 아래와 같이 출력됩니다. img width : img height : img natur..