이 글은 이미 결과물을 얻은 뒤입니다. 브라우저로 저장한 HTML+폴더든, 미리보기만 있는 상태든, 먼저 고정할 것은 한 폴더 단위로 열어 자산 그래프를 유지하는 일입니다.
캡처 방법 선택(Save As 대 AI 대 CLI 등)은 Web Page to Editable HTML 워크플로에서 정리했습니다.
「내보내기」가 현실에서 의미하는 것
| 형태 | 언제 쓰나 | 번거로움 |
|---|---|---|
단일 .html | 빠르게 수정·공유 | _files를 안 가져오면 깨지기 쉽다 |
| HTML + 폴더 | 오프라인 디버깅에 적합 | HTML만 다른 경로로 옮기면 망한다 |
| ZIP | 협업·백업 | 압풀한 루트에서 여는지 확인 |
로컬에서 안 깨지게 여는 법
/assets/같은 루트 절대 경로는 원본 호스트 외에서는 자주 깨진다 → 상대경로 재작성·로컬 서버.file://에서 아무 것도 안 뜰 때는 SPA 가정 때문에일 수 있다 → 간단 http 서버(Live Server 등)로 다시 테스트.- View Source 한 번 복사본은 「편집 가능한 산출물」이 아닐 때가 많다 — 렌더링 캡처와 목적이 다르다는 점을 구분한다.
손으로 고치기 vs 다시 가져오기
| 증상 | 손패치 | 재캡처 |
|---|---|---|
| 소수 경로 깨짐 | ○ 상대경로 교정 | △ 과할 수 있다 |
| 전체 레이아웃이 Hydration 때문에 비어 보임 | × | ○ 렌더 이후 결과를 다시 |
| 카피만 반복 교체 | ○ 구조 안정 시 | 불필요 |
재가져오기 전에 copyweb.net/url-to-html에서 미리보기부터 맞추는 편이 누적 패치보다 깔끔할 때가 많다.
영감형 티어다운 노트는 랜딩 인스피레이션 클론, 합법·공개 게시 리스크는 웹사이트 클로닝 합법 여부에서 시나리오를 본다.
자주 묻는 질문(PAA 재구성)
이미지가 전부 X로 나온다면?
폴더 루트가 어긋났거나, lazy 속성 때문에 실제 src가 비어 있는 경우가 많다. HTML과 자산 폴더를 함께 두고 로컬 서버에서 연다.
다운로드한 HTML만 CMS에 붙여넣기 해도 되나?
섹션 단위로 쪼개야 한다. 전체 원본 통째 붙여넣기는 거의 유지보수 지옥이 된다.
공개 페이지로 쓸 때 주의점은?
「내보내기 성공 ≠ 권리 OK」입니다. 브랜드를 그대로 옮기거나 상업 이용 시 법 검토 단계가 필요합니다.
더 빠른 문장·블록 교체는 chat로 카피만 먼저 돌린 뒤 HTML에 반영하면 편합니다.