seevaa.net

웹페이지상에서 뿌려지는 데이터를 사용자가 인쇄할 수 있도록-버튼같은 걸- 만들어 달라는 요구사항이 종종 있다. 웹브라우저상에서 페이지 인쇄가 가능한데 굳이 버튼을 만들어 달라는 건 필요한 데이터만 깔끔하게 출력되게 끔 원하는 것이다.

이런 경우 데이터만 보이는 페이지를 별도로 만들어 서버를 한번 더 타게 만드는 경우가 있는데, CSS(media="print")로 같은 페이지 상에서 쉽게 해결할 수 있다.

style 속성에 media="print" 라고 주면 인쇄시에만 해당 스타일이 적용되는데, 위의 예에서처럼 출력시 필요없는 부분은 display:none; 이런식으로 막아버리면 된다.

...


...

	
...
	
...
	

		...
		데이터 인쇄
		...
	
	
...

...