프로젝트
빈 청구서, 페이지보다 높은 행, 여러 페이지 표를 확인하고 화면 레이아웃은 바꾸지 마세요.
● ● ●Loomark Studio●
작업 흐름 · 인쇄 스타일 페이지 나누기 ×
@media print {
h2 { break-after: avoid; }
tr { break-inside: avoid; }
thead { display: table-header-group; }
}✳청구서 인쇄 스타일을 고쳐 제목이 첫 행과 같은 페이지에 남게 하세요.
✓ 변경 사항적용하기 전에 검토하세요 ↗
작업 공간 예시 화면
적용하기 전에 검토하세요
실제 동작을 예상 결과와 비교하세요. 검사가 실패하면 다음 변경을 하기 전에 원인을 조사하세요.
모델
기본 URL과 필요한 API 키로 OpenAI 호환 또는 Anthropic 엔드포인트를 설정하고 연결을 테스트하세요. 로컬 모델 서버는 실행 중이어야 합니다. 원격 도구는 데이터를 별도로 전송할 수 있습니다.
작업 흐름
@media print {
h2 { break-after: avoid; }
tr { break-inside: avoid; }
thead { display: table-header-group; }
}인쇄 출력만의 수용 기준을 정하세요
Loomark Studio는 시각적 요구사항을 검토 가능한 소스 변경으로 바꾸는 Windows AI 코딩 작업 공간입니다. 웹페이지가 종이에서도 잘 보여야 한다면 템플릿과 스타일을 대화에 가져오세요. 화면 배치가 정돈되어 있으면 페이지도 잘 나뉠 것이라 가정하지 말고 인쇄 결과를 명확히 설명하세요.
청구서가 한 예입니다. 섹션 제목은 관련 행 가까이에 있어야 하며 다음 페이지로 이어지는 표에는 머리글 반복이 필요할 수 있습니다. 기존 인쇄 규칙을 살펴보고 범위를 좁힌 조정을 제안하도록 요청하세요. 이는 프로젝트 작업이며 포함된 청구서 작성기나 전용 페이지 나눔 엔진이 아닙니다.
CSS를 대상 마크업과 함께 검토한 뒤 브라우저나 프로젝트 도구로 인쇄 출력을 살펴보세요. 짧은 내용과 긴 내용, 페이지 경계 부근의 행, 페이지 하단 부근의 제목을 포함하세요. 스타일시트 문법이 유효하다고 그 사례들이 의도대로 페이지에 나타난다는 뜻은 아닙니다.
지원되는 OpenAI 호환 또는 Anthropic 엔드포인트를 통해 가용한 거부 성향 제거 AI 모델을 연결하고 필요하면 자격 증명을 제공하세요. 모델 명칭이 제약 없는 동작이나 시각적 정확성을 보장하지 않습니다. 도구와 컨텍스트는 모델과 서버가 결정하며 제안된 코드는 사용자가 실제 출력과 대조해 판단합니다.
스타일시트 제안에서 인쇄 페이지까지
제목만 떨어져 인쇄될 때 무엇을 제공해야 하나요?
템플릿, 인쇄 스타일시트, 해당 페이지 나눔을 재현하는 내용 예시를 지정하세요. 의도한 묶음을 명시하세요. 범위를 검토할 수 있는 변경을 제안하려면 모델에는 CSS뿐 아니라 관련 구조도 필요합니다.
인쇄 미리보기 한 번이면 레이아웃 준비를 입증할 수 있나요?
살펴본 예시와 설정만 입증합니다. 사용 목적에 맞는 더 짧고 긴 내용, 용지 크기, 여백을 확인하세요. 이후 변경도 일관되게 확인할 수 있도록 그 조건을 검토 기록에 남기세요.
모든 표 행의 페이지 분할을 막아야 하나요?
필요한 동작을 설명하고 한 페이지보다 높은 행도 고려하세요. 검토 없이 규칙을 모든 곳에 적용하지 말고 그런 경우 제안된 규칙이 어떻게 동작하는지 물으세요. 변경을 수용하기 전에 유난히 긴 행이 있는 출력을 살펴보세요.
로컬 모델을 선택하면 브라우저도 로컬인가요?
모델 위치는 브라우저나 다른 도구의 활동 위치를 정하지 않습니다. 로컬 엔드포인트에는 자체 실행 서버가 필요합니다. 민감한 청구서 내용을 열기 전에 연결된 각 도구의 대상과 권한을 살펴보세요.
Loomark Studio · 업데이트 2026-10-25
