# 9주차 「영상 편집 및 연결」 도입부용 — 고르는 일의 계보 3장
# 2026-09-01 성하님 지시: 카메라·인상파·뒤샹은 영상 편집 주차의 "선택의 중요성"으로 옮긴다.
# 에셋: daguerre.jpg, daguerre_zoom.jpg, monet_summer/giverny/spring/fog.jpg, duchamp_fountain.jpg
# (모두 2주차 assets 폴더에 있음)

S.append(J(DO('사진의 발명','36px 70px'), DK('고르는 일의 계보 ①'), DH('기계가 잘 그리기를 가져갔을 때',34,14),
 '<div style="display:grid;grid-template-columns:620px 1fr;gap:24px;align-items:center;">',
 J('<div><div style="display:grid;grid-template-columns:1fr 230px;gap:10px;align-items:end;">',
   '<img src="assets/daguerre.jpg" style="width:100%;height:300px;object-fit:contain;background:#000;">',
   '<div><img src="assets/daguerre_zoom.jpg" style="width:100%;height:230px;object-fit:cover;background:#000;border:1px solid #4f7df9;">',
   f'<div style="margin-top:5px;font-size:11px;color:{ACCD};font-weight:700;">확대 — 구두 닦는 두 사람</div></div></div>',
   '<div style="margin-top:8px;font-size:12px;color:#67737f;">루이 다게르, 〈탕플 대로〉(1838) · 퍼블릭 도메인</div></div>'),
 J('<div style="font-size:17px;line-height:1.65;color:#e8f1fa;">',
   '<p style="margin:0 0 12px;">1839년, 사진이 공개된다. 초상화로 먹고살던 화가들에게는 일감이 사라지는 일이었다.</p>',
   '<p style="margin:0 0 12px;color:#c3cfdb;">이 사진은 노출에 여러 분이 걸렸다. 오가던 마차와 행인은 전부 사라지고 <b>한자리에 서 있던 두 사람만 남았다.</b> 기계에는 기계의 조건이 있다.</p>',
   f'<div style="border-top:1px solid {DLINE};border-bottom:1px solid {DLINE};padding:11px 18px;font-size:17px;">회화는 죽지 않았다. 대신 <b>하는 일이 바뀌었다.</b></div></div>'),
 '</div>', END()))

S.append(J(LO('사진 이후','36px 70px'), LK('고르는 일의 계보 ②'), LH('잘 그린 그림에서 다르게 본 그림으로',33,12),
 '<div style="display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:10px;">',
 '<div><img src="assets/monet_summer.jpg" style="width:100%;height:150px;object-fit:cover;border:1px solid #d3d9e3;"><div style="margin-top:5px;font-size:12px;color:#5f6b76;">늦여름</div></div>',
 '<div><img src="assets/monet_giverny.jpg" style="width:100%;height:150px;object-fit:cover;border:1px solid #d3d9e3;"><div style="margin-top:5px;font-size:12px;color:#5f6b76;">지베르니</div></div>',
 '<div><img src="assets/monet_spring.jpg" style="width:100%;height:150px;object-fit:cover;border:1px solid #d3d9e3;"><div style="margin-top:5px;font-size:12px;color:#5f6b76;">봄</div></div>',
 '<div><img src="assets/monet_fog.jpg" style="width:100%;height:150px;object-fit:cover;border:1px solid #d3d9e3;"><div style="margin-top:5px;font-size:12px;color:#5f6b76;">안개 낀 아침</div></div>',
 '</div>',
 '<div style="font-size:13px;color:#8794a1;margin-bottom:14px;">클로드 모네, 건초더미 연작(1890~91) — 같은 대상을 빛과 계절만 바꿔 스물다섯 점 넘게 그렸다 · 퍼블릭 도메인</div>',
 f'<div style="border-top:1px solid {INK};border-bottom:1px solid {INK};padding:14px 22px;font-size:18px;color:{INK};line-height:1.55;">모네가 한 일은 <b>같은 것을 여러 번, 조건만 바꿔 만든 것</b>이다. 오늘 우리가 할 일과 형태가 같다. 다른 점은 그때는 손으로 스물다섯 번 그렸고, 지금은 스물다섯 번 뽑은 뒤 <b>고른다</b>는 것이다.</div>', END()))

S.append(J(LO('뒤샹','36px 70px'), LK('고르는 일의 계보 ③'), LH('만드는 것에서 고르는 것으로',33,12),
 '<div style="display:grid;grid-template-columns:300px 1fr;gap:26px;align-items:center;">',
 J('<div><img src="assets/duchamp_fountain.jpg" style="width:100%;height:320px;object-fit:contain;background:#0b0f16;border:1px solid #d3d9e3;">',
   '<div style="margin-top:7px;font-size:12px;color:#8794a1;">마르셀 뒤샹, 〈샘〉(1917) · 사진: 앨프리드 스티글리츠 · 퍼블릭 도메인</div></div>'),
 J('<div>',
   '<p style="font-size:18px;line-height:1.6;color:#27323d;margin:0 0 14px;">1917년, 뒤샹은 배관 자재상에서 산 소변기에 서명해 출품했다. <b>산업이 대량생산한 기성품</b>을 골라 온 것이다. 공장이 똑같은 물건을 쏟아내는 시대라서 가능한 몸짓이었다.</p>',
   '<div style="display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;">',
   CARD('작가가 한 일','만든 것이 아니라 <b>고르고, 이름 붙이고, 맥락을 바꾼 것</b>이다.',hl=True),
   CARD('지금 우리 자리','생성은 기계가 한다. 남는 일이 고르고 이름 붙이고 맥락을 바꾸는 일이다.'),
   '</div>',
   f'<div style="border-top:1px solid {INK};border-bottom:1px solid {INK};padding:13px 22px;font-size:18px;color:{INK};line-height:1.55;">잘 그리는 손 → 다르게 보는 눈 → <b>고르는 판단</b>. 오늘 수업이 세 번째 자리에 있다.</div>',
   '</div>'),
 '</div>', END()))

