# 두 구도와 긴 제목을 시험하고 인쇄용 CSS를 구분했습니다

직접 제작하고 로컬에서 실행한 별도 학습용 샘플입니다.

기록: 2026-10-17T22:23:03+09:00

## 실행
1. sample-source.zip을 새 폴더에 풉니다.
2. `python3 -m http.server 8000 --bind 127.0.0.1`
3. `http://127.0.0.1:8000/poster.html`을 엽니다. 외부 API·계정·npm 설치가 필요 없습니다.
4. 선택 사항: Node 18 이상에서 `node test.mjs`를 실행하면 공통 모듈의 전체 순수 함수 시험을 볼 수 있습니다. 사례별 실제 관측은 verification.json에 있습니다.

## 결과
구도 1→2에서 날짜·장소가 같았고 격자 토글이 반영됐습니다. 긴 제목과 빈 안내에서도 360/390/768/1440px 문서 가로 넘침이 없었습니다. 인쇄 매체 에뮬레이션에서는 조작 버튼이 display:none이 됐습니다.

## 적용 범위
- 두 구도·긴 제목·격자·안내 생략과 브라우저 print 매체 CSS를 다룹니다. 인쇄 대화상자·PDF 페이지 분할·실제 A4 출력·잉크·재단은 별도 출력 시험 대상입니다.
- 시스템 한글 글꼴을 사용하므로 기기별 줄바꿈이 달라질 수 있습니다. 자유 편집·이미지 다운로드·행사 신청 기능은 범위 밖입니다.
- 직접 작성한 별도 로컬 샘플의 동작 기록입니다. 원작 재현이나 지정 AI 모델 간 성능 비교와 구분합니다.
- 화면 폭 검사는 데스크톱 Chromium 뷰포트 에뮬레이션 기준입니다. 실제 단말·Safari·Firefox·장기 운영은 별도 환경 시험 대상입니다.

## 파일·권리
샘플 코드·도형·가상 입력은 이번 작업에서 직접 제작했습니다. 3D 두 사례의 vendor/는 Three.js 0.186.1이며 vendor/THREE-LICENSE.txt의 MIT 고지를 유지합니다. 시스템 글꼴 파일·외부 원작 에셋·음악·비공개 제작 원본은 포함하지 않았습니다. HTML/JS는 ZIP에서 로컬 실행하며 사이트에서 자동 실행하지 않습니다.