[Javascript] 웹 브라우저 인쇄 버튼 만들기

브라우저 화면을 인쇄하는 방법은 브라우저 메뉴에 있는 인쇄버튼을 클릭하거나 단축키 Ctrl + P를 입력하면 된다. 하지만 사이트 내에 큼직한 인쇄하기 버튼이 있다면 사용자가 더 쉽고 편하게 쓸 수 있지 않을까 생각한다. 클릭 한 번이면 내가 보고 있는 웹 페이지를 인쇄할 수 있으니까 말이다. 인쇄버튼 만드는게 어렵지 않을까 생각했지만 정말 쉬웠다. 

---

인쇄버튼 만들기 ( jQuery )

<script>
    $('app').on('click', function() {
        window.print();
    }
</script>

그리고 인쇄 화면이 나왔을 때 보여주기 싫은것이라던지 (ex - 인쇄버튼) 그런것들은 따로 CSS를 지정해서 숨길 수 있다.

@media print {
    .print-button { display:none; }
}