J & J - 정성태의 닷넷 이야기

사용자

메뉴

최근 덧글

[정성태] 그냥 RSS Reader 기능과 약간의 UI 편의성 때문에 사용...[이종효] 오래된 소프트웨어는 보안 위협이 되기도 합니다. 혹시 어떤 기능...[정성태] @Keystroke IEEE의 문서를 소개해 주시다니... +_...[손민수 (Keystroke)] 괜히 듀얼채널 구성할 때 한번에 같은 제품 사라고 하는 것이 아...[정성태] 전각(Full-width)/반각(Half-width) 기능을 토...[정성태] Vector에 대한 내용은 없습니다. Vector가 닷넷 BCL...[orion] 글 읽고 찾아보니 디자인 타임에는 InitializeCompon...[orion] 연휴 전에 재현 프로젝트 올리자 생각해 놓고 여의치 않아서 못 ...[정성태] 아래의 글에 정리했으니 참고하세요. C# - Typed D...[정성태] 간단한 재현 프로젝트라도 있을까요? 저런 식으로 설명만 해...

글쓰기

제목

이름

암호

전자우편

HTML

홈페이지

유형

내용

<div style='display: inline'>
 
<div class='mainCenterTitle'>MSDN Magazine 기사 인쇄</div> 
 
MSDN 웹 사이트가 개편되면서, 줄줄이 다른 사이트들까지 디자인이 바뀌고 있습니다. MSDN Magazine도 그렇게 되었는데, 개인적으로 좀 불편한 점이 하나 눈에 띄는데요. 
 
예전에는 인쇄를 하면, 중간에 "표"나 "그림" 중에서 좀 크다 싶은 것들은 기사를 모두 인쇄한 다음 마지막 부분에 모아서 인쇄가 되었습니다. 어찌 보면, 내용을 읽다 기사 마지막에 실린 표를 보기 위해서 뒤적이던 거에 비해, 개편된 사이트에서는 기사 중간에 "Figure"가 직접 들어가 있어 가독성이 좋아진 것은 환영할 만 하지만. 
 
문제는, 자바스크립트를 사용해서 필요할 때만 펼칠 수 있게 하는 구조로 되어 있어서 그냥 인쇄할 경우 표가 나타나지 않았습니다. 
 
쩝! 
 
어쩔 수 없이 약간의 수작업을 해줘야 겠습니다. 저 같은 경우에는 다음의 순으로 작업을 해서 인쇄를 해줍니다. 
 
1. 예를 들어, "<a target='_tab' href='http://msdn.microsoft.com/en-us/magazine/cc817398.aspx'>http://msdn.microsoft.com/en-us/magazine/cc817398.aspx</a>"의 아티클인 경우. 왼쪽 상단에 있는 "<img alt='msdn_magazine_print_1.png' src='/SysWebRes/bbs/msdn_magazine_print_1.png' />" 모양의 아이콘을 눌러서 인쇄용 HTML로 전환합니다. 이때, 프린트 대화창이 나오긴 하는데, "취소" 버튼을 눌러서 그냥 넘어갑니다. 
 
2. 기사 전체를 "Control + A" 키를 이용해서 복사합니다. 
 
3. Visual Studio를 실행하고 "test.html"이라는 비어 있는 HTML 파일을 하나 로드합니다. "HTML 디자인" 화면에서 "2번" 과정에서 복사한 내용을 붙여넣기 합니다. 
 
4. "디자인"에서 "소스 보기" 화면으로 전환한 다음, 아래의 CSS 링크를 상단에 붙여넣기 해주면, 웹 사이트에서 봤던 HTML 보기와 동일한 포맷이 됩니다. 
 
<pre class='code'>
&lt;link rel="stylesheet" type="text/css" 
href="http://i3.msdn.microsoft.com/Platform/MasterPages/PrintFriendly/PrintFriendly-bn1945.0.css" /&gt;
</pre>
 
 
5. 소스의 맨 아래에 내려가면 다음과 같은 식의 스크립트 구문이 나옵니다. 이것을 모두 삭제해 줍니다. 
 
<pre class='code'>
&lt;SCRIPT type=text/javascript&gt;
//&lt;![CDATA[
Sys.Application.initialize();
SetLangFilterAll();Sys.Application.add_init(function() {
 $create(Microsoft.Mtps.Web.UI.CollapsiblePanelBehavior, {"Auto...ainer_cpe94077_c"));
});
Sys.Application.add_init(function() {
 $create(Microsoft.Mtps.Web.UI.CollapsiblePanelBehavior, {"AutoC...r_cpe94078_c"));
});
Sys.Application.add_init(function() {
 $create(Microsoft.Mtps.Web.UI.CollapsiblePanelBehavior, {"AutoCollapse":fa...e94079_c"));
});
Sys.Application.add_init(function() {
 $create(Microsoft.Mtps.Web.UI.CollapsiblePanelBehavior, {"AutoColla...cpe94080_c"));
});
Sys.Application.add_init(function() {
 $create(Microsoft.Mtps.Web.UI.CollapsiblePanelBehavior, {"AutoCol...94081_c")); 
});
//]]&gt;
&lt;/SCRIPT&gt;
</pre>
 
 
6. 보통, 위와 같이만 해주면 정상적으로 표가 인쇄되는 페이지가 있는 반면, 지금 예에서 다루고 있는 페이지 같은 경우에는 본문의 "DISPLAY: none" 문자열을 "DISPLAY: block"으로 치환해주는 것까지 해야만 정상적으로 인쇄되는 경우도 있답니다. 간혹, 이상하다 싶으면 제대로 되고 있는 지 "프린트 미리보기" 기능으로 확인해 주시면 됩니다.

<hr />[이 토픽에 대해서 여러분들과 의견을 공유하고 싶습니다. 틀리거나 미흡한 부분 또는 의문 사항이 있으시면 언제든 댓글 남겨주십시오.]
</div>

첨부파일

스팸 방지용 인증 번호

4621 (왼쪽의 숫자를 입력해야 합니다.)