내맘대로의 EPUB 제작 가이드

책을 만들다 보면 만들기 까라로워 보이는 글상자가 종종 나옵니다.

한쪽 모서리에 불릿 이미지가 들어가거나, 테두리 선이 특이한 경우도 있습니다.

이럴 때 border-image를 사용하면 복잡한 테두리도 쉽게 만들 수 있습니다.

아래처럼 테두리 선이 겹쳐 있고 아래쪽에 돋보기 불릿이 들어있는 스타일 역시 border-image로 만들 수 있습니다.

전자책에서는 이렇게 보이지요.

이런 테두리는 border-image로도 만들 수 있고, border와  border-radius를 이용해 만들 수도 있습니다.

둘 중 어떤게 더 좋은가라고 질문을 하는 분들이 있는데, 그때 그때 다릅니다.

전자책에서는 이렇게 보입니다.

이렇게 한쪽 면만 다른 선으로 되어 있는 테두리도 있습니다. 이것 역시 border-image를 사용해 만들었습니다.

전자책에서는 일렇게 보이지요.

테두리 상자 디자인이 복잡하다고 border를 이용해 단순하게 만들거나 이미지로 잘라 넣는 것 보다는 테두리 안에 들어 있는 내용이 독자들에게 필요한지 생각해야 합니다. 그리고 디자이너가 왜 이런 디자인을 선택했는지도 고민해 봐야지요.

책을 만든 경험이 풍부한 전문 편집 디자이너라면 쓸데 없이 예뻐보이려고 디자인을 하지는 않습니다. 위에 두 상자만 봐도, 하나는 독자가 의견을 생각해야 할 때와, 질문에 부가 정보를 제공하는 상자가 다른 모양입니다. 상자 디자인만 봐도 둘의 차이를 쉽게 파악할 수 있지요. 그러니 살릴 수 있는 디자인은 최대한 살려서 전자책을 편집해야 합니다. 

우리가 폭력이라 부르는 것들(해냄에듀)은 학습서라 그런지 다양한 박스가 들어있습니다.

이런 상자들은 대부분 border, background, background-image 등의 속성으로 그릴 수 있습니다.

다양한 모양의 상자가 전자책에서는 어떻게 보이는지 샘플을 보여드리겠습니다.

종이책에서 이렇게 보입니다.

전자책에서는 이렇게 보입니다.

전자책에 맞춰 약간 변형을 했지만, 기본 디자인은 최대한 살렸지요.

이 스타일은 background-image, border 속성을 사용했습니다.

종이책에서 이렇게 보이는 스타일입니다.

이 상자는 테두리가 특이하지요?

전자책에서 이 테두리는 border-radius 속성을 사용해 그렸습니다.

이미지를 써도 되지만, border 속성만 이용해도 충분히 그릴 수 있어요.

간혹 각주를 상자로 처리할 때가 있습니다. 

이 책에도 각주를 상자로 처리했어요.

전자책에서도 상자로 처리했습니다.

다만, 문단 단위로 각주가 들어가 있어, 각 문단의 시작 부분에 각주를 넣었습니다.

각주 표시가 있는 줄에 맞춰 넣을 수도 있습니다. 하지만 그러기 위해서는 인라인 태그를 블럭 태그로 바꾸고, 문단 사이에 각주 설명을 넣어야 해서 태그가 지저분해집니다. 그리고, [사회계약으로 국가가...]  부분을 복사 하면 [사회계약으로 사회계약 시민과 국가 사이의...] 이렇게 각주 내용이 복사되지요. 물론, 검색도 문제가 생기고요.

상자가 조금만 복잡해도 무조건 이미지로 넣은 편집자가 많이 있습니다.

웬만한 상자는 박스 모델로 처리가 가능하니, 이미지 보다는 박스 모델을 사용하기를 권해드립니다.

휴대폰을 업글하고 남은,

집안 구석 어딘가에 굴러다니는 스마트폰 하나 쯤은 있을거예요.

구형이라고 하지만 3~4년 전에 나온 폰이라면 버리기 아까운 성능이지요.

이런 휴대폰으로 스마트 달력을 만들어보세요.

화면이 큰 태블릿이라면 더 좋아요.

루팅 같은거 하지 않아도 됩니다.

컴퓨터를 잘 다루는 분이라면 아주 쉽게,

잘 다루지 못하는 분이라도 복붙만 잘 하면 어렵지 않게 만들 수 있어요.

스마트폰/태블릿을 스마트 달력으로 만들기 위해 MagicMirror 라는 프로그램을 사용합니다.

https://magicmirror.builders/

스마트 거울을 만들기 위한 목적으로 개발한 공개 프로그램인데,

꼭 스마트거울일 필요는 없습니다.

저처럼 태블릿이나 스마트폰에 스마트 달력을 만들 수 있어요.

1. 스마트폰에 리눅스 설치

MagicMirror는 리눅스에 설치하는 프로그램이에요.

그래서 스마트폰에 리눅스를 설치해야 합니다.

겁 먹지 마세요. 그대로 따라하면 되니까.

https://termux.dev/en/

이 앱으로 안드로이드에 리눅스를 설치할 수 있습니다.

앱스토어에서도 다운로드 받을 수 있지만,

최신 버전은 f-droid에 더 빨리 올라와요.

f-droid는 구글 앱스토어의 과금과 온갖 제약에 반대하는 개발자들이 모여 만든

무료 및 오픈 소스 소프트웨어 카탈로그입니다. 앱을 팔지 않기 때문에 마켓이라고 하지 않을 뿐,

오픈소스 앱스토어라고 보시면 되요.

https://f-droid.org/en/packages/com.termux/

2. 리눅스 업데이트와 MM 설치 준비

이 부분은 이해를 못해도 됩니다.

그냥 그대로 따라하세요.

그냥 아래 코드를 그대로 복사/붙여넣기 해 실행을 하세요.

>pkg update

>pkg upgrade

>pkg install nodejs

>pkg install git

이렇게 복붙 해서 실행을 하면 뭔가 설치가 될거예요.

설치 중에 뭘 물어보면 Y를 눌러주세요.

3. MagicMirror 설치

이 과정도 그대로 복붙해 실행만 하면 됩니다.

대신 순서를 정확히 맞춰야해요.

>git clone https://github.com/MichMich/MagicMirror

>cd MagicMirror/

>npm run install-mm

>cp config/config.js.sample config/config.js

>npm run server

4. MM 실행

크롬 브라우저를 열어요.

그리고 주소창에 아래 주소를 넣으세요.

0.0.0.0:8080

그럼 MagicMirror가 실행됩니다.

이런 화면이 나올거예요. 그럼 설치 성공.

5. 이제 원하는 모양으로 바꿔보세요.

스마트폰 화면이 작기 때문에 저는 이렇게 만들어놨어요.

시계와 날씨, 그리고 구글 캘린더와 연동해 일정을 볼 수 있게 했고, 달력도 표시했지요.

기본 모듈을 사용하면 어렵지 않게 원하는 정보를 표시할 수 있어요.

시계, 달력, 뉴스 피드(RSS), 금융(주식 시세 등), 명언, 단어 암기(매일 랜덤으로 단어 보여줌) 등 

엄청나게 많은 모듈이 있습니다. 구글 어시스턴트로 음성 인식과 조작도 가능해요.

https://docs.magicmirror.builders/modules/introduction.html

https://github.com/MichMich/MagicMirror/wiki/3rd-party-modules

달력을 넣고 싶다면 이 모듈 추천해요. 여러 달력 모듈을 설치해 봤는데 이게 제일 좋더라구요.

https://github.com/KirAsh4/calendar_monthly

* 이 글에서 전자책은 EPUB을 의미합니다. 다양한 전자책 포멧이 있지만, 이 글에서는 EPUB에 대한 정보만 설명합니다.

EPUB을 편집하는 프로그램은 다양합니다.

저는 주로 Sigil을 소개하지만 Sigil만 사용해야 하는건 아닙니다.

EPUB 편집 프로그램은 어떤게 있는지,

편집 프로그램 별로 장단점은 무엇인지 간단히 정리하겠습니다.

1. Sigil (https://sigil-ebook.com/sigil/)

내맘대로의 EPUBGUIDE.NET에 있는 거의 모든 정보는 Sigil과 관련이 있습니다.

EPUB2, EPUB3를 완벽하게 지원하고,

전자책 편집에 꼭 필요한 기본 기능과

플러그인으로 제공되는 수십종의 부가 기능으로 전자책 편집 시간을 비약적으로 줄일 수 있습니다.

저는 Sigil을 이용해 이미지가 100장 이상 들어가고 주석이 1000개가 넘으며 편집 스타일이 복잡한 인디자인 파일을

7~8시간 정도면 EPUB으로 변환을 할 수 있습니다.

장점 :

강력한 편집 기능 / 다양한 플러그인

EPUB2, EPUB3, JavaScript, MathML, 정규식을 이용한 찾기/바꾸기, 페이지 검사(크롬 기반 개발자 도구) 지원

단점 : 초보자는 사용하기 어려운 코딩 기반 편집

설치 환경 : 윈도우, 맥OS, 리눅스

2. 이북스타일리스트 (http://www.ebookstylist.co.kr/)

초보자도 사용하기 편한 전자책 편집 프로그램입니다.

Adobe Air 기반으로 윈도우와 맥OS에서 동일한 UI로 사용할 수 있습니다.

스타일시트 편집기를 제공하기 때문에 초보자라도 쉽게 CSS 스타일을 만들 수 있습니다.

텍스트 원고를 전자책으로 편집한다면 Sigil보다 더 좋습니다.

다만, 인디자인 파일을 변환한다면 추천하지 않습니다.

장점 :

쉬운 사용, CSS 편집기

단점 :

코드 기반 편집이 약하고 편집기에서 강제하는 설정이 많음

Adobe Air를 먼저 설치해야 함

무료 사용은 가능하나, 펜립 정책에 따른 제한 사항이 있음

설치환경 : Adobe Air가 설치된 윈도우, 맥OS

3. 캘리버(https://calibre-ebook.com/)

전자책 뷰어로 많이 알려져 있지만, 캘리버를 설치하면 Editing e-book도 함께 설치됩니다.

캘리버 편집기를 보면 Sigil과 많은 부분이 닮아있습니다. Sigil 0.7 버전에서 파생되었기 때문에 메뉴 구성이나 UI가 비슷합니다.

하지만 이후 Sigil과 다른 개발팀이 관리하고 있기 때문에 세부적으로 들어가면 큰 차이가 있습니다.

특수문자 삽입 기능이나 규칙 편집기는 Sigil에도 추가되면 좋겠다 싶을 정도로 훌륭합니다.

캘리버를 통해 EPUB으로 변환한 책을 재편집 할 때 아주 좋습니다.

장점 : 캘리버와 연동하여 DOC 문서 등을 EPUB으로 변환/수정하기 좋음

단점 : 캘리버 뷰어 만큼 완성도가 높지 않음

4. 나모 오서(https://www.arasoft.net/ / https://www.namoauthor.com/)

홈페이지 저작툴로 알려진 나모에서 만든 EPUB 편집기입니다.

어찌된 영문인지 현재는 아라소프트가 관리하고 있습니다.

간단한 인터렉션을 추가한 EPUB3 파일을 만들 때 좋습니다.

장점 :

JavaScript를 몰라도 움직이는 이미지, 정답 체크 등의 간단한 인터렉션을 넣을 수 있음

단점 : 오류가 많고 스크립트가 작동하지 않는 뷰어가 많음

5. 윙크 2.0 (https://winkeditor.com/)

개발이 멈춰있지만, 초보자가 사용하기 좋은 전자책 편집기입니다.

CSS 편집기가 포함되어 있어 HTML과 CSS를 몰라도 간단한 스타일을 만들 수 있습니다.

Adobe Air를 설치해야합니다.

장점 : 초보자가 쉽게 사용할 수 있음

단점 : Adobe Air 설치, 까다로운 스타일 편집은 어려움

윈도우 배경화면을 MS 디자이너 취향으로 보고 계신가요?

아니면 여행사진 사진 한장 올려놓고 365일 바라보고 있을지도 모르겠네요.

조금 신경을 쓰는 분이라면 인터넷에 떠도는 유명 작가의 멋진 사진일지도...

이런 배경화면이 식상하다면, 지구는 어떠세요?

그냥 지구 사진이 아닙니다.

시간에 맞춰 낮과 밤이 바뀌고, 저 멀리 별도 볼 수 있는,

실시간(1시간 단위)으로 구름 사진이 업데이트 되는 그런 지구요.

위치만 잘 맞추면 태양과 지구, 달을 볼 수도 있습니다.

아주 오랜 옛날에는 Xplanet(https://xplanet.sourceforge.net/)을 이용했지만 

더이상 업데이트를 하지 않고 설정도 어렵지요.

그래서 설정이 조금 더 쉬운 프로그램을 소개해 드립니다.

https://desktopearth.updatestar.com/ko

https://www.softpedia.com/get/Desktop-Enhancements/Other-Desktop-Enhancements/Desktop-Earth.shtml

제가 사용하는건 DesktopEarth라는 프로그램입니다.

원 배포처는 https://anka.me/인데, 더 이상 관리를 하지 않는 것 같아요.

지구 바탕화면 프로그램 중 가장 좋은데 아쉽습니다.

그래도 필요한 기능은 거의 다 있습니다.

단, 구름사진 데이터에 문제가 있어 약간의 수작업이 필요해요.

실시간 구름 사진을 업데이트하는 방법을 설명드릴테니 따라해 보세요.

1. DesktopEarth를 설치합니다. 설정은 어렵지 않아요. 

설정 버튼을 좌우로 움직여 가며 원하는 모양을 만들면 됩니다.

달을 보고 싶다면 moon을, 평면 지구를 보고 싶다면 flat을 쓰면 되고,

모니터가 2개 이상이면 한쪽엔 지구, 다른쪽엔 일반적인 바탕화면 사진을 올릴 수 있습니다.

모니터 2개 모두 지구를 표시할 수 있고요.

업데이트 주기도 원하는 시간으로 맞추세요. 저는 15분에 한번 업데이트를 합니다.

2. 구름사진 업데이트

이제 1시간 단위로 바뀌는 구름사진을 업데이트 하는 방법입니다.

DesktopEarth의 기본 구름사진은 개발자가 더 이상 제공하지 않습니다.

그래서 제가 오라클 서버 하나 열어 구름사진을 만들고 있습니다.

프로그램을 직접 수정할 능력이 되지 않아 임시방편으로 만들어 놨어요.

레지스트리에 등록된 구름사진 URL만 업데이트 하면 되는데,

능력자 계시면 구름사진 주소만 수정해 주셔도 좋을 것 같아요.

구름사진 경로는 :

http://158.101.115.122/clouds.jpg

- 오리지널 데이터를 그대로 합성한 데이터예요. 수정해 쓸 분은 이걸 사용하면 됩니다.

http://158.101.115.122/clouds_contrast.jpg

- 콘트라스트를 조절한 데이터예요. DesktopEarth에서 잘 보이도록 맞췄습니다.

2.1 아래 파일을 받으세요.

2.2 받은 파일을 DesktopEarth 이미지 폴더에 풀어 놓습니다.

기본 경로는 여기.

C:\Users\***MyFolder***\AppData\Local\DesktopEarth

***MyFolder***는 수정해야 하는거 이시지요?

2.3 스크립트 파일을 수정합니다.

update.vbs 파일에서 ***MyFolder***를 수정합니다.

Set objShell = CreateObject("Shell.Application")
objShell.ShellExecute "C:\Users\***MyFolder***\AppData\Local\DesktopEarth\update_new.cmd", "/c lodctr.exe /r", "", "runas", 0

update_new.cmd도 동일하게 ***MyFolder***를 수정합니다.

powershell "(New-Object System.Net.WebClient).DownloadFile('http://158.101.115.122/clouds_contrast.jpg','C:\Users\***MyFolder***\AppData\Local\DesktopEarth\clouds1.jpg')"
attrib -r C:\Users\***MyFolder***\AppData\Local\DesktopEarth\clouds.jpg
copy C:\Users\***MyFolder***\AppData\Local\DesktopEarth\clouds1.jpg C:\Users\***MyFolder***\AppData\Local\DesktopEarth\clouds.jpg
attrib +r C:\Users\***MyFolder***\AppData\Local\DesktopEarth\clouds.jpg

이렇게 하는 이유는 DesktopEarth가 구름사진 이미지를 강제로 바꾸기 때문이에요.

제가 만든 구름사진을 다운받은 후 DesktopEarth가 강제로 바꾸지 못하도록 파일 속성을 [읽기]로 바꾸는 과정입니다.

[읽기] 속성을 유지한 채 파일을 다운로드 할 방법이 있는 분 계시면 알려주세요~

2.4 작업 스케쥴러에 등록해 1시간 단위로 업데이트 합니다.

구름 사진은 1시간에 한번씩 만들도록 했어요. 그래서 자주 업데이트 해도 소용 없습니다.

PC를 사용하는 시간 고려해서 12시간만 해 놨는데, 이건 알아서 하심 됩니다.

매 시각 55분에 업데이트가 되기 때문에 정시에 구름사진을 받아오세요.

작업 스케줄러 사용법은 다른 곳에 많이 있으니 구글링 해보세요.

   ↑ 이 링크 클릭하면 됩니다.

작업 스케줄러를 매일 1시간, 정시에 업데이트 하도록 맞추고 update.vbs를 실행하도록 등록합니다.

이제 [실행]을 눌러 구름사진이 업데이트 되는지 테스트 해보세요.

구름사진이 업데이트 되면 바탕화면에 바로 반영이 됩니다.

여기까지 잘 따라하셨다면,

설정한 시간마다 지구 이미지가 업데이트 될 거예요.