안녕하세요? 

영어 지문에 빈칸 뚫거나, 네모칸에서 맞는 어휘 고르기 문제를 자주 만드는데 매번 귀찮아서 워크플로위에 적용할 스타일을 만들어봤습니다. 제가 처음부터 만든 건 당연히 아니고 여기저기서 주워서, 구글링하고, 시행착오를 거쳤네요. 

1. 워크플로위 workflowy.com 에서 학습 자료 제작

-  빈칸으로 뚫고 싶은 곳은 그냥 밑줄 서식을 적용합니다. 

- 네모칸 적용할 곳은 bold 서식으로 

- 기타 정답 표시 등은 하이라이트 기능 이용

2. 탬퍼몽키, Stylus 크롬 확장 설치 후, 스타일을 추가합니다. 

탬퍼몽키와 Stylus를 크롬 브라우저에 설치합니다. 특정 사이트의 스타일을 바꿀 수 있게 됩니다. 

- 탬퍼몽키 확장 : https://chrome.google.com/webstore/detail/tampermonkey/dhdgffkkebhmkfjojejmpbldmpobfkfo

- Stylus 확장 : https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne

- Stylus 추가할 스타일 : https://www.thiscodeworks.com/610b9a20f724050014f7d222#!

3. 이제 웹에서 workflowy.com 으로 브라우저 접속해, 해당 문서로 이동 후, 

스타일을 적용합니다. 그럼 아래처럼 보입니다. 

우선 본문 폰트와 영어 서체를 변경해서 보기 좋게 바꾸었어요 (나눔바른고딕, Georgia)

보시다시피 밑줄은 글자색 흰색으로 변경 후 민트색 배경색 적용해서 일단 답이 보이게 해두었습니다. 이렇게 한 이유는 인쇄 단계에서 배경색만 걷어내서 지우기 위해서입니다. 그냥 텍스트 색상을 흰색으로 처리하니까 브라우저에서 흰색 인쇄를 거부하셔서.. 글자색은 투명처리 후 그림자 효과를 넣었네요... ㄷㄷ

볼드체 처리했던 부분은 네모칸(외곽선) 효과가 생긴 걸 볼 수 있습니다. border 처리하면 형광펜이랑 겹쳐서 안 예뻐서 outline 적용했어요. 

정답에 표시한 형광펜(노란색)은 그대로 보입니다. 태그에 적용한 색상도 마찬가지. 

4. 이제 학생에게 제공하는 인쇄 단계에서 크롬 브라우저 인쇄설정에서 "배경 그래픽"을 제외하고 PDF나 종이로 뽑아내면 학생들을 위한 시험지가 됩니다. 

형광펜이 모두 제거되었습니다. 

태그는 외곽선만 남습니다. 

정답에 덧칠했던 노란색 형광펜이 사라져서 A/B 고르기 네모박스가 되었습니다. 

밑줄에 적용된 형광펜이 사라지면서 빈칸이 되었습니다. 

5. 왜 이런 짓을?

- 한글에서 하나하나 빵꾸 뚫고 정답지 만드는 수고를 덜어보자. 

- 출퇴근 길에도 아이폰/아이패드 앱으로 자료를 제작하고 수정하자. 

- 복수의 PC에서 브라우저 동기화를 통해 동일한 작업 환경을 유지하자

- 혼자 공부할 내용 정리 후 혼자 시험보고 싶을 때도 유용할 듯 싶네요. 

이 강좌에서 사용한 샘플 자료를 확인하시기 바랍니다.

원고 작성 텍스트 웹에서 보기 : https://workflowy.com/s/ebs-day16-i-h1/LK2Sepofr7sN8KLY

최초 원고 스타일 적용 없이 PDF로 인쇄 : https://bit.ly/3xq2hs3

스타일 적용 후 PDF 인쇄 : https://bit.ly/37kSN6C

스타일 적용 후, 배경그래픽 적용 없이 PDF 인쇄 : https://bit.ly/3ivJlnH

출처 : 본인 블로그

https://seoulrain.net/2021/08/05/cloze-test-with-workflowy/