종종 올리는 블로그

지난 시간에는 숫자 체크에 대해 알아보았습니다. 아래 링크에서 확인하세요.2016/04/10 - [개발/javascript,jQuery] - [javascript] 숫자 체크 (isNaN, jQuery.isNumeric, 정규식) 이번 시간에는 숫자에 3자리마다(천 단위) 자릿수 구분 콤마(,)를 넣어보도록 합시다. 그냥 숫자의 자릿수 구분을 넣는게 아니고, 지난 시간에 숫자체크를 해봤으니까 입력된 값이 숫자일 경우에만 세자리마다 자릿수 구분 콤마를 넣도록 합시다. formatNumber( value ) formatNumber( value ) 에서 value가 숫자이면 3자리마다 자릿수 구분 콤마(,)를 넣고, 숫자가 아니라면 원래 값을 그대로 반환합니다.굳이 값을 체크해서 숫자일 경우에 자릿수 구분값을..

자바스크립트에서 숫자 체크는 정규식, isNaN, jQuery 등 여러가지 방법이 있습니다.아래에 코드와 테스트한 결과를 올려놓았으니 본인이 원하는 상황에 맞게 사용하세요. isNaN( value ) 자바스크립트에서 isNaN 은 숫자가 아닌 값을 찾는 함수입니다.isNaN ( value ) 의 value가 숫자가 아니라면 true, 숫자라면 false라는건데..원하는대로 나올까요?숫자가 true로 반환하려면 반대로 해야겠죠? !isNaN( value )로 테스트 해봅시다. !isNaN( "-10" ) // true !isNaN( "+10" ) // true !isNaN( "0" ) // true !isNaN( "0xFF" ) // true !isNaN( "8e5" ) // true !isNaN( "3...

자바스크립트에서 윈도우 창 크기에 대해 알아보겠습니다. 익스플로러, 크롬, 파이어폭스, 오페라 모두 같은 값을 출력하는 윈도우 창크기는 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..