여러페이지에서 동일한 footer나 header를 사용하는 경우가 많은데
이때 매번 반복하여 작성하기 보다는 html파일을 따로 만들어놓고
load하여 사용하면 유용하다고 함.
// No Call Back Function
$('.header-include').load('header.html')
$('.footer-include').load('footer.html')
$('header h1').click(function(){
alert('Hello World')
})
// Yes Call Back Function
/*$('.header-include').load('header.html', function(){
$('header h1').click(function(){
alert('Hello World')
})
})
$('.footer-include').load('footer.html')*/
제이쿼리의 load 메서드는 콜백함수를 사용해야 작동하는 것을 알게됨.
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ
새로 접한 css calc :
속성을 계산식으로 사용할 수 있는 것.
height: calc(100vh - 200px);
line-height: calc(100vh - 200px);
마이너스 앞 뒤는 띄어쓰기 반드시 해야함.