Clean Web Clipper Chrome에 추가 (무료)

누구를 위한 도구인가

웹페이지를 수업 유인물로 만들기

브라우저에서 바로 인쇄한 페이지는 메뉴, 동의 배너, 광고까지 유인물에 싣습니다. 클리핑하면 텍스트만 가져오고, 출처 URL은 파일 안에 남으므로 출처 표기에 추가 작업이 들지 않습니다.

브라우저가 실제로 인쇄하는 것

알맞은 설명을 찾아 인쇄를 누르면 미리보기에 세 장이 나옵니다. 첫 장에는 내비게이션, 둘째 장에는 원하던 텍스트, 셋째 장에는 링크로 된 푸터, 그리고 중간 어딘가에 광고. 인쇄용 스타일시트는 사이트가 가장 먼저 관리를 그만두는 것이고, 살아남은 것도 내가 아니라 사이트가 생각하는 인쇄 페이지에 맞춰져 있습니다.

문서에 복사하는 것도 크게 낫지 않습니다. 서식이 따라와 내 양식과 충돌하고, 이미지는 엉뚱한 크기로 들어오며, 학생에게 정말 필요한 단 하나인 출처 URL은 붙여 넣는 과정에서 사라집니다. 일주일에 읽을거리 네 개면 계획에 없던 편집 작업이 한 시간입니다.

다음 해 3월이면 링크가 죽어 있습니다. 수업은 재사용 위에 세워집니다. 같은 설명, 같은 활동을 다른 반에 맞게 고쳐 쓰는데, 링크로 만든 수업 계획은 방학 동안 경고도 없이 한 페이지씩 조용히 작동을 멈춥니다. 학교 구독 자료는 더 나쁩니다. 교직원 네트워크에서 나에게는 열리지만 집에 있는 학생에게는 열리지 않습니다. 주제별 폴더의 .md 파일은 내년에도, 어떤 컴퓨터에서도, 아무것도 설치하지 않고 열립니다.

대신 나눠 주는 것

사이트의 군더더기 없이 자료만과학 교육 자료 페이지: 물의 순환
---
title: "물의 순환"
source: "https://edu.example.kr/science/water-cycle"
extraction: "dom"
---

## 물은 어디로 가는가

물은 태양 에너지에 의해 바다, 대기, 육지 사이를 끊임없이 순환합니다.

1. 증발: 지표의 물이 수증기가 되어 공기 중으로 올라갑니다.
2. 응결: 공기가 식으면서 구름이 만들어집니다.
3. 강수: 비나 눈이 되어 물이 다시 지표로 돌아옵니다.

유인물용으로 설정하기

학기 초에 10분이면 됩니다. 중요한 설정은 프린터에서 무엇이 나올지, 그리고 내년 이맘때 폴더가 어떤 모습일지를 정하는 설정입니다.

  1. 첫 클립 전에 수업 자료 폴더와 주제별 하위 폴더(Teaching/photosynthesis)를 만듭니다. 이미 있는 폴더는 채워지지만, 클리핑하는 순간 만들어야 하는 폴더는 채워지지 않습니다.
  2. 확장 프로그램 아이콘에서 옵션을 열고 저장 위치를 거기로 지정합니다. 아이콘을 누르면 미리보기 창이 열리게 그대로 둡니다. 유인물에서는 인쇄 버튼이 있는 창이 작업 공간입니다.
  3. 템플릿은 {date}-{title}로 둡니다. 자료를 캡처한 해가 기록되므로, 올해 버전의 페이지와 작년 반에서 쓴 버전을 구별할 수 있습니다.
  4. 자료를 종이로 쓸 거라면 이미지를 제외로 설정합니다. 사진이 든 페이지는 회색 사각형과 많은 토너가 되고, 학생들이 읽는 것은 텍스트입니다.
  5. 페이지 전체가 아니라 활동 하나만 가져오려면 먼저 선택한 뒤 아이콘을 누릅니다. 창이 선택 영역으로 열리고, 위쪽 스위치가 둘 중 어느 쪽을 보고 있는지 확인해 줍니다.
  6. Markdown 기호 없이 일반 텍스트로 보여 주는 읽기 모드로 결과를 확인합니다. 인쇄된 종이도 대략 그렇게 보입니다.
  7. 종이만 필요하고 디스크에 남길 필요가 없으면 창에서 인쇄하고, 내년에도 쓸 자료라면 파일로 저장합니다. 둘 다 같은 클립에서 나옵니다.

수업 자료용 설정

이 중 두 가지는 일반 독자가 고를 값과 다릅니다. 이미지 끄기, 그리고 미리보기 창을 건너뛰지 않고 두기. 둘 다 종이 위에서 일어나는 일 때문입니다.

설정여기서 이 값인 이유
아이콘 클릭미리보기 창인쇄 버튼과 읽기 모드가 모두 창에 있습니다. 유인물에서는 창이 작업 공간입니다
저장 위치주제별 폴더자료는 찾은 주가 아니라 주제별로 다시 쓰입니다
파일 이름 템플릿`{date}-{title}`올해 캡처한 페이지와 작년 반이 쓴 버전을 구별합니다
이미지제외사진은 회색 사각형으로 인쇄되고 토너만 듭니다. 읽는 것은 텍스트입니다
frontmatter`source` 켬다시 찾아보지 않고도 유인물에 자료의 출처를 밝힐 수 있습니다
선택 영역활동 하나를 선택한 뒤 클리핑주변 아홉 화면 없이 정의나 과제 하나만
사이트별 규칙유료 교육 사이트 → 전용 하위 폴더학생이 집에서 열 수 없는 자료는 눈에 띄게 따로 두는 편이 좋습니다
이미지를 제외로 설정한 읽기 모드인쇄 직전의 클립 창
광합성

식물은 빛 에너지를 당에 저장되는 화학 에너지로 바꿉니다. 이 반응은
이산화탄소와 물을 사용하고 산소를 내놓습니다.

전체 반응식

  6 CO2 + 6 H2O + 빛 -> C6H12O6 + 6 O2

두 단계

  1. 명반응: 틸라코이드 막에서
  2. 캘빈 회로: 스트로마에서

출처: edu.example.kr

세 번의 수업

설명 하나를 2분 만에 종이로

학생 수준에 딱 맞는 물의 순환 설명을 찾았습니다. 클리핑하고, 읽기 모드로 확인하고, 인쇄를 누릅니다. 인쇄된 종이에는 텍스트, 번호가 붙은 단계, 출처 줄이 있습니다. 내비게이션도, 동의 배너도, 광고도, 링크로 된 셋째 장 푸터도 없습니다.

페이지를 바로 인쇄했다면 세 장이 나왔고 그중 두 장은 사이트였을 것입니다. 차이는 미관이 아닙니다. 학생들에게 나눠 주는 종이의 장수이고, 맨 위 상자가 뭐냐고 누군가 묻는 횟수입니다.

방학을 견디는 주제 폴더

단원을 준비하면서 모든 자료를 한 폴더에 클리핑합니다. 설명, 활동 두 개, 용어 풀이 페이지. 새 학기에 폴더는 지난 학기와 똑같이 열리지만, 원래 링크 네 개 중 두 개는 이제 개편된 홈페이지로 리디렉션됩니다.

파일 이름에 캡처 날짜가 있으므로 어떤 자료가 사이트의 이전 버전에서 왔는지도 분명합니다. 그중 하나를 다시 클리핑하면 첫 파일을 대체하지 않고 두 번째 파일이 생기므로, 결정하는 동안 이미 가르친 버전을 잃지 않습니다.

세 번의 선택으로 만든 활동지

한 페이지에 활동이 여덟 개 있고 필요한 것은 세 개입니다. 첫 번째를 선택해 클리핑하고, 두 번째를 선택해 클리핑하는 식입니다. 각각 출처가 붙은 짧은 파일 세 개를 학교에서 쓰는 활동지 도구로 묶습니다.

이 작업을 빠르게 만드는 것이 선택 영역 클리핑입니다. 클립 창 위쪽 스위치가 선택 영역을 보는지 페이지 전체를 보는지 보여 주므로, 방금 무엇을 저장했는지 짐작할 필요가 없습니다.

유인물을 만드는 흔한 방법과 비교

대부분의 교과 협의회가 이 모든 방법을 씁니다. 아래 비용은 복사기 앞 줄에서, 그리고 새 학기에 드러나는 것들입니다.

지금 쓰는 방법얻는 것치르는 비용
브라우저에서 페이지 인쇄결국에는 자료메뉴, 동의 배너, 푸터까지. 인쇄용 스타일시트는 사이트가 가장 먼저 관리를 그만두는 것
문서에 복사편집할 수 있는 텍스트서식이 양식과 충돌하고, 이미지 크기가 틀어지며, URL이 사라짐
스크린숏을 슬라이드에화면에 있던 그대로투영하면 읽을 수 없고, 키울 텍스트도 출처 줄도 없음
학습 플랫폼에 링크 올리기준비할 것이 전혀 없음페이지가 옮겨지기 전까지만 되고, 교직원 로그인 뒤의 자료는 애초에 안 됨
Clean Web Clipper출처가 담긴 깔끔한 텍스트, 인쇄하거나 저장활동지 레이아웃도 답란도 없고, 저작권을 대신 확인하지 않음

유인물이 제대로 나오지 않을 때

인쇄물에 여전히 사이트 메뉴가 있습니다

클립이 아니라 브라우저가 페이지를 인쇄한 것입니다. 클립 창 안의 인쇄 버튼은 정리된 텍스트를 인쇄하고, 브라우저 자체의 인쇄 명령이나 뒤쪽 페이지에서 누른 Ctrl+P는 사이트가 배치한 대로 페이지를 인쇄합니다. 창이 열려 있고 그 안의 텍스트가 맞아 보인다면 창에서 인쇄하세요.

도식이 옮겨지지 않았습니다

이미지는 파일이 아니라 원래 사이트로 가는 링크이므로, 컴퓨터가 온라인이고 사이트가 아직 그림을 제공할 때만 인쇄되며, 이미지를 “제외”로 설정하면 전혀 인쇄되지 않습니다. 도식 자체가 내용인 자료라면 원래 페이지를 함께 열어 두거나 그림을 따로 저장하세요. 확장 프로그램은 어떤 바이너리 자산도 내려받지 않습니다.

학교 구독 자료라서 학생들이 열 수 없습니다

클립은 됩니다. 확장 프로그램은 로그인한 뒤 브라우저가 렌더링한 페이지를 읽습니다. 하지만 그것이 라이선스가 허용하는 범위를 바꾸지는 않습니다. 학생들에게 사본을 줘도 되는지는 기관과 출판사 간 계약이 답할 문제이고, 답은 복사물을 나눠 줄 때와 같습니다.

인터랙티브 활동이 아무것도 없이 클리핑되었습니다

시뮬레이션, 내장 퀴즈, 동영상 플레이어는 텍스트가 아니라 위젯이고, 대개 별도로 내장된 문서에 있어서 추출할 기사 본문이 없습니다. 확장 프로그램은 주변 페이지 부가 요소를 돌려주는 대신 “기사 없음”을 알립니다. 곁들인 설명을 클리핑하고 활동은 링크로 두세요.

하지 않는 일

활동지 레이아웃을 만들지 않습니다. 상자도, 답 쓰는 줄도, 학교 로고도 없습니다. 깔끔한 텍스트를 얻습니다. 이미지를 내려받지 않으므로, 내용이 도식 그림인 페이지는 파일이 아니라 링크를 줍니다. 저작권을 대신 확인해 주지 않습니다. 수업을 위해 무엇을 복제할 수 있는지는 기관의 규정이 답할 문제입니다. 그리고 처리 단위는 언제나 페이지 하나입니다.

Chrome에 추가 (무료)전부 무료입니다. 계정도, 가입도, 제한도 없습니다.

자주 묻는 질문

파일을 저장하지 않고 인쇄할 수 있나요?
네. 클립 창의 인쇄 버튼이 정리된 텍스트로 인쇄 대화 상자를 열고, 디스크에는 아무것도 쓰지 않습니다.
학생들이 파일을 읽으려면 확장 프로그램이 필요한가요?
아니요. 어떤 편집기로도 읽을 수 있는 일반 .md 텍스트 파일이고, 일반 텍스트로 인쇄됩니다.
이미지를 뺄 수 있나요?
네, 설정에서 전체 또는 사이트별로 뺄 수 있습니다.
학교가 비용을 내는 유료 교육 사이트에서도 되나요?
로그인 후 브라우저에 표시되는 페이지라면 됩니다. 확장 프로그램은 이미 볼 수 있는 것을 읽습니다.
수업에 쓰면 비용이 드나요?
아니요. 확장 프로그램은 개인용과 업무용 모두 전부 무료이고, 계정도 관리할 라이선스도 없습니다.
클리핑한 페이지를 학습 플랫폼에 올려도 되나요?
도구가 아니라 원본에 달린 문제입니다. 클리핑은 복사이고, 학교가 무엇을 복제하거나 배포할 수 있는지는 복사물과 똑같이 사이트 약관과 국가의 교육 목적 저작권 규정이 정합니다. 확장 프로그램은 파일에 출처 URL을 남기므로, 적어도 그 질문에 답하기는 쉬워집니다.
유인물을 나중에 편집할 수 있나요?
네. 일반 텍스트 파일이므로 어떤 편집기에서나 열리고, 텍스트를 워드프로세서에 붙여 넣어도 웹사이트의 스타일이 따라오지 않습니다. 브라우저에서 붙여 넣기가 괴로운 바로 그 이유가 없어집니다.
동영상 수업을 클리핑할 수 있나요?
동영상 자체는 안 됩니다. 페이지에 스크립트나 수업 노트가 텍스트로 있다면 그 텍스트는 평소처럼 클리핑됩니다. 플레이어뿐인 페이지라면 기사 본문이 없으므로, 확장 프로그램은 주변 링크를 돌려주는 대신 그렇다고 알립니다.
학교에서 관리하는 기기에서도 되나요?
Chrome, Edge, Brave, Vivaldi, Opera에서 실행되고 읽는 사이트에 대한 권한을 요청하지 않으므로 요구 사항이 작습니다. 교직원이 확장 프로그램을 설치할 수 있는지 자체는 기기 정책이 정하며, 어떤 확장 프로그램도 이를 우회할 수 없습니다.
사이트가 선택과 마우스 오른쪽 클릭을 막아 두었습니다. 그래도 되나요?
됩니다. 추출은 내 선택이 아니라 페이지 구조를 읽으므로, 복사를 막는 스크립트가 클리핑을 막지 못합니다. 물론 선택 영역 클리핑에는 선택이 필요하지만, 페이지 전체 클립은 상관없이 작동합니다.