이아임의 블로그

예전 글이나 돌아다니는 글들을 보면

str.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");

이런 형태로 천단위 콤마를 찍는 경우가 많다.

하지만 더 간단한 방법이 있다.

str.toLocaleString();

을 사용하면 된다.

제이쿼리는 일반적으로

$(document).ready( function () {} ); 을 사용하거나 $( function () {} ); 을 사용한다.

순수 자바스크립트로 대체하려면

document.addEventListener( "DOMContentLoaded", function () {} ); 을 사용하면 된다

// 가로길이 document.body.offsetWidth  document.body.scrollWidth // (문서 전체의 크기) document.body.clientWidth // (창의 크기) // 세로길이 document.body.offsetHeight document.body.scrollHeight //(문서 전체의 크기) document.body.clientHeight // (창의 크기) // 가로 길이 window.innerWidth // 브라우저 윈도우 두께를 제외한 실질적 가로 길이 window.outerWidth // 브라우저 윈도우 두께를 포함한 브라우저 전체 가로 길이 //세로길이 window.innerHeight // 브라우저 윈도우 두께를 제외한 실질적 세로 길이 window.outerHeight // 브라우저 윈도우 두께를 포함한 브라우저 전체 세로 길이

$(window).bind('mousewheel', function(event) {

event.preventDefault();

var timeNow = new Date().getTime()

if(timeNow - lastAnimation < 1500) {

console.log('stop scroll');

return;

}

if (event.originalEvent.wheelDelta >= 0) {

console.log('Scroll up');

}

else {

console.log('Scroll down');

}

lastAnimation = timeNow;

});

자바스크립트에서 현재 url을 가져와야하는 상황이 있다.
그럴 때 사용하는 명령어이다.

//경로만 가져오는 명령어
var path = window.location.path;

//경로 전체 ( http:// ) 부터 가져오는 명령어
var url = window.location.href;

//삭제할경우
if (confirm("정말 삭제하시겠습니까?") == true){
    ....
    alert('삭제되었습니다');
}else{
    alert('삭제를 취소하셨습니다');
}

특정 문자열을 기준으로 자르는 함수
split();

ex) var str = "2017-11-10";
      var split_str = str.split("-");
      console.log(split_str['0'] + split_str['1'] + split_str[3]);

문자열 위치를 찾아서 가져오기

substring(시작위치, 종료위치);

ex) var str = "2017-11-10";
      var substring_str_year = str.substring(0, 4) // 0번째 위치부터 4번째 자리수 까지 자른다.
      var substring_str_month = str.substring(5, 7) // 0부터 시작이기 때문에 '-' 제외하고 5부터 시작
      var substring_str_day = str.substring(8, 10) // 0부터 시작이기 때문에 '-' 제외하고 8부터 시작
      console.log(substring_str_year  + substring_str_month  + substring_str_day);

비슷한 함수로 substr이 있다

substr(시작위치, 길이);

ex) var str = "2017-11-10";
      var substr_str_year = str.substr(0, 4) // 0번째 위치부터 4번째 자리수 까지 자른다.
      var substr_str_month = str.substr(5, 2) // 0부터 시작이기 때문에 '-' 제외하고 5부터 시작
      var substr_str_day = str.substr(8, 2) // 0부터 시작이기 때문에 '-' 제외하고 8부터 시작
      console.log(substr_str_year  + substr_str_month  + substr_str_day);

substring과 substr의 다른 점은 위에 예제를 써봤으면 한눈에 보인다

substring 같은 경우에는 ABCD 라는 문자열이 있을 때
substring(1, 3) 같이 사용하면 시작 위치 1번 인덱스인 B에서 시작해 3번 인덱스인 D에서 종료하게 되어서
출력 결과는 BC가 된다.

하지만 substr을 substring(1, 3) 같이 사용할 경우에는
시작위치에서 2개만큼 가져오라는 뜻으로 출력 결과는 BCD가 된다.