경호의 개발일기장

  • 홈
  • 태그
  • 방명록

미디어쿼리 1

[CSS, JAVASCRIPT] onafterprint, onbeforeprint, 미디어쿼리 디바이스 분기를 이용한 프린트 퍼블리싱

크롬에서 [Ctrl + P] 를 누르면 현재 열고 있는 웹페이지의 인쇄 미리보기 레이어가 나타나잖아요? 그렇지만 예시로 수료증/증명서인 경우 최종적으로 인쇄되어 나올 용지에 알맞는 HTML만 리렌더링 되어있어야 할 거예요 1. [Javascript] window.onafterprint , window.onbeforeprint 이런 경우를 대비하여 만들어진 자바스크립트의 두가지 메서드를 소개해 드릴게요! window.onafterprint 와 window.onbeforeprint 에요. 말 그대로 인쇄 미리보기 (앞서설명한 Ctrl+P 할때나오는 브라우저의 인쇄 미리보기 레이어) 직전에 호출할 함수를 넣을 수 있고 인쇄 직후에 호출할 함수를 넣을 수 있어요. window.onload = function()..

프론트엔드/HTML · CSS · Javascript 2022.03.25
이전
1
다음
더보기
프로필사진

경호의 개발일기장

(구)퍼블리싱 저장소

  • 분류 전체보기
    • 공지사항
    • #유튜브강의
      • 2022신입퍼블리셔1달속성
    • 데이터베이스
      • SQL
      • 쿼리문
    • 백엔드
      • Node.js
      • PHP
      • .NET
    • 프론트엔드
      • 환경설정 · 설치
      • HTML · CSS · Javascript
      • SASS · SCSS
      • Javascript · JQuery
      • Typescript
    • CMS
      • 그누보드
    • 형상관리
      • Git

Tag

깃대소문자변경, node.js, 익스텐션, onbeforeprint, sql, 그누보드, 2022신입퍼블리셔1달속성반, 이미지비율유지, 프린트퍼블리싱, CSS, 프론트엔드면접, mysql, 깃파일명대소문자, 깃소문자, onafterprint, exclaimmark, 자가관리, scss, 깃폴더명대소문자, 퍼블리셔에서프론트엔드전향,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/06   »
일 월 화 수 목 금 토
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바