잘나가는 블로그

JavaScript로 페이지별로 프린트하는 방법웹 애플리케이션에서 특정 콘텐츠나 페이지를 인쇄해야 하는 경우가 종종 있습니다. 특히 여러 페이지에 걸쳐 있는 콘텐츠를 페이지별로 나누어 출력하는 기능은 사용자 경험을 크게 향상시킬 수 있습니다. 이번 글에서는 JavaScript와 CSS를 활용하여 페이지별로 인쇄하는 방법을 소개하겠습니다.1. 기본적인 window.print() 메서드 사용JavaScript에서 인쇄 기능을 구현할 때 가장 기본적으로 사용하는 메서드는 window.print()입니다. 이 메서드는 브라우저의 인쇄 대화 상자를 열어 사용자가 현재 페이지를 출력할 수 있게 해줍니다.사용 예시function printPage() { window.print();}위 코드를 버튼 클릭 이벤트에..

부드러운 스크롤 이동 Smooth ScrollingjQuery 사용중에 대략적으로 메뉴를 클릭하면 하단으로 내려가는 스크롤 작업이 필요한 경우가 있다. 특히나 원페이지에서는 더욱이 그렇다. 그래서 jQuery 로 Smooth scroll 을 알아보도록 하자. $(function() { $('a[href*="#"]:not([href="#"])').click(function() { if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) { var target = $(this.hash); target = target.length ? target : $('[name..