✨
인쇄 품질 개선 완료
표, 다이어그램, 코드 블록의 페이지 넘김이 최적화되어 더욱 깔끔하고 전문적인 인쇄가 가능합니다.
🎯 주요 개선사항
📊 스마트 표 분할
- 작은 표: 페이지 분할 방지로 한 눈에 보기
- 큰 표: 자동 분할 허용 (헤더 반복 없음)
- 테이블 헤더: 첫 페이지에만 표시
💻 코드 블록 최적화
- 짧은 코드: 페이지 분할 방지
- 긴 코드: 적절한 위치에서 분할 허용
- 구문 강조: 인쇄용 색상으로 자동 변환
📝 제목과 내용 연결
- 제목이 페이지 끝에 혼자 남지 않도록 방지
- 제목 다음 내용과 함께 다음 페이지로 이동
- 섹션별 적절한 페이지 나누기
🎨 레이아웃 보존
- 다이어그램과 플로우차트 레이아웃 유지
- 알림 박스와 강조 영역 완전성 보장
- 리스트와 단락의 자연스러운 흐름
🔧 인쇄 방법
1. 기본 인쇄 (권장)
🖨️ 브라우저에서 직접 인쇄
1. 우상단 🖨️ 인쇄 버튼 클릭
2. 또는 Ctrl+P (Windows) / Cmd+P (Mac)
3. 인쇄 설정에서 "배경 그래픽" 옵션 체크
4. 용지 크기: A4 권장
5. 여백: 기본값 사용 권장 (자동으로 1.5cm 적용)
6. 축소된 폰트로 더 많은 내용 표시2. PDF 저장 후 인쇄 (안정적)
📄 PDF로 저장하기
- Ctrl+P로 인쇄 대화상자 열기
- 대상을 "PDF로 저장" 선택
- "배경 그래픽" 옵션 활성화
- PDF 저장 후 Adobe Reader 등으로 인쇄
3. 고급 설정
🎨 색상 및 그래픽
"배경 그래픽" 옵션을 반드시 활성화하세요. 이 옵션이 없으면 알림 박스의 색상과 강조 영역이 제대로 인쇄되지 않습니다.
📄 페이지 범위 선택
특정 섹션만 인쇄하려면 해당 페이지 범위를 지정하세요. 각 챕터별로 나누어 인쇄할 수도 있습니다.
🔍 크기 조정
내용이 잘리는 경우 "페이지에 맞춤" 또는 "축소" 옵션을 사용하세요. 단, 가독성을 위해 85% 이하로는 축소하지 마세요.
📋 인쇄 품질 체크리스트
| 점검 항목 | 확인사항 | 해결방법 | 우선순위 |
|---|---|---|---|
| 표 분할 | 표가 적절히 분할되는가? | 큰 표는 자동 분할 (헤더 반복 없음), 작은 표는 페이지 유지 | 🔴 높음 |
| 코드 가독성 | 코드가 읽기 쉬운가? | 긴 코드는 적절한 위치에서 분할 | 🟡 중간 |
| 제목 연결 | 제목과 내용이 분리되지 않는가? | 자동으로 함께 다음 페이지로 이동 | 🔴 높음 |
| 여백 균형 | 페이지 여백이 적절한가? | 1.5cm 축소 여백으로 최적화됨 | 🟢 낮음 |
| 색상 표시 | 알림 박스 색상이 나오는가? | "배경 그래픽" 옵션 활성화 | 🟡 중간 |
🔍 문제 해결
⚠️
자주 발생하는 문제와 해결책
- 표가 잘림: 브라우저 확대/축소를 100%로 설정
- 색상이 안 나옴: "배경 그래픽" 옵션 활성화
- 여백이 이상함: 브라우저 기본 여백 설정 사용
- 폰트가 이상함: 시스템 폰트 확인 또는 PDF로 저장 후 인쇄
- 페이지가 비어있음: 인쇄 미리보기에서 페이지 범위 확인
💡
최적 인쇄를 위한 팁
- 브라우저: Chrome 또는 Edge 사용 권장 (Firefox는 일부 스타일 미지원)
- 미리보기: 인쇄 전 반드시 인쇄 미리보기로 확인
- PDF 저장: 대량 인쇄나 공유용은 PDF로 저장 후 인쇄
- 양면 인쇄: 양면 인쇄 시 여백 설정 주의 (좌우 여백 균등하게)
- 용지 설정: A4 용지 권장, Letter 사이즈는 여백 조정 필요
⚙️ 기술적 세부사항 (개발자용)
CSS 페이지 넘김 제어
주요 CSS 속성
/* 페이지 분할 방지 */
page-break-inside: avoid;
break-inside: avoid;
/* 페이지 분할 허용 */
page-break-inside: auto;
break-inside: auto;
/* 제목 다음 페이지 넘김 방지 */
page-break-after: avoid;
break-after: avoid;요소별 분류
🚫 분할 방지 요소
- 작은 표 (
.small-table) - 알림 박스 (
.notice-box,.info-notice등) - 설치 단계 (
.step-item) - 요구사항 카드 (
.requirement-card) - 짧은 코드 블록
✅ 분할 허용 요소
- 큰 표 (기본
table) - 긴 코드 블록 (
.long-code) - 긴 리스트 (
.long-list) - 본문 단락
📊 브라우저별 호환성
| 브라우저 | 인쇄 품질 | CSS 지원 | 권장도 | 비고 |
|---|---|---|---|---|
| Chrome | ⭐⭐⭐⭐⭐ | 완전 지원 | 🟢 최고 | 모든 기능 완벽 지원 |
| Edge | ⭐⭐⭐⭐⭐ | 완전 지원 | 🟢 최고 | Chrome과 동일한 엔진 |
| Firefox | ⭐⭐⭐⭐ | 대부분 지원 | 🟡 양호 | 일부 스타일 차이 있음 |
| Safari | ⭐⭐⭐ | 부분 지원 | 🟡 보통 | macOS에서만 사용 가능 |
🎯
인쇄 최적화 완료
이제 홍익인간CMS 매뉴얼을 깔끔하고 읽기 쉽게 인쇄할 수 있습니다. 표와 다이어그램이 적절히 배치되어 전문적인 문서 품질을 제공합니다.
문제가 발생하면 위의 문제 해결 섹션을 참조하거나 PDF로 저장 후 인쇄해보세요.