var windowWidth = $( window ).width();
var windowHeight = $( window ).height();

창크기 바뀌는 것 감지 (확대 축소에도 적용됨.)
$( window ).resize(function() {

// 창 크기 바뀌면 할 것...

});

$(window).width()와 $(document).width() 차이
$(window).width --> 브라우저의 창너비
$(document).width --> 문서의 너비

$("#monthDate").datepicker({ 
			dateFormat: 'yy.mm',
			changeMonth: true,
		    changeYear: true,
		    showButtonPanel: true,
		    onClose: function(dateText, inst) {  
	            var month = $("#ui-datepicker-div .ui-datepicker-month :selected").val(); 
	            var year = $("#ui-datepicker-div .ui-datepicker-year :selected").val(); 
	            $(this).datepicker('setDate', new Date(year, month, 1));
	            $(".ui-datepicker-calendar").css("display","none");
	        }
		});
		$("#monthDate").focus(function () {
			$(".ui-datepicker-calendar").css("display","none");
			$("#ui-datepicker-div").position({
				  my: "center top",
				  at: "center bottom",
				  of: $(this)
			});
		});

<script>
jQuery(document).ready(function(){
  var $td = $(".list tbody tr td:first-child");
  var $counter = $(".list tbody tr").length;
  for (var i=1; i<= $counter; i++) {
    $(".list tbody tr:nth-child(" + i +") td:first-child").append(i);
  }
});
</script>

/*
Demo: https://jsfiddle.net/elky/f6khaf2t/
    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt
    ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
    laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
    voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
    non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
*/

.element {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.truncate {
  display: table-cell;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

보편적으로 쓰는 것 Masonry

https://masonry.desandro.com/

https://masonry.desandro.com/options.html  -> 사용방법

http://alas0213.blog.me/220987454557 -> 사용예

https://owlcarousel2.github.io/OwlCarousel2/demos/demos.html

http://www.jqueryscript.net/demo/Responsive-Flexible-Mobile-Touch-Slider-Swiper/swiper-demos/

$(document).ready(function () 
{
    setTimeout(function()
    {
       alert("2초후 한번 실행됩니다.");
    },2000);
});

$(document).ready(function () 
{
    setInterval(function()
    {
       alert("2초마다 반복 실행됩니다.");
    },2000);
});

$(document).ready(function () 
{
    var testInterval = setInterval(function() {
        alert("2초마다 반복 실행됩니다.");
        },2000);
    
    setTimeout(function() {
        clearTimeout(testInterval);
    },7000);
});

http://iosfonts.com/

ios에서 absolute:fixed 사용했을 시 button 연속으로 누를때 콘텐츠영역 스크롤 되는 현상.

방법 -> button태그 사용하지 말고 a태그를 사용한다.

예시 -> <a href="javascript:;">확인</a>