내맘대로의 EPUB 제작 가이드

EPUB에 스도쿠 게임을 넣어봤습니다.

이딴걸 왜 하나 생각할 수도 있지만,

가능성을 보기 위한거예요.

테스트용으로 가져온 js가 jquery를 쓰는데,

jquery에서  태그를 강제로 html 파싱해서 xhtml로 만들면 오류가 생기네요.

음... 이거 해결 하려면 구조를 완전히 바꿔야 하는데,

한참 뻘짓 하다 포기하고, 오늘은 여기까지만...

스도쿠 원본 소스는 여기.

https://github.com/pocketjoso/sudokuJS

왕초보를 위한 클릭으로 EPUB 만둘기를 경기도사이버도서관에서 대여해 볼 수 있습니다.

책 내용이 궁금하신 분, 돈 주고 사긴 싫지만 책을 보고 싶은 분은 도서관 대여를 이용하세요.

전자책 입문자, 초급자를 위한 전자책을 출간했습니다.

왕초보를 위한 클릭으로 EPUB 만들기

전자책 제작 강의를 하면서 입문자/초보자는 HTML과 CSS를 전혀 모르는 분들이 많았습니다.

초급 수업 조차 따라오기 버거워 하더라구요.

그래서 HTML과 CSS를 몰라도 Sigil(시길)로 EPUB을 만들 수 있는 방법을 고민한 결과가 이 책입니다.

수업에 종종 활용을 해서, 클릭 편집 수업을 들은 분들은 익숙한 내용일 거예요.

편집을 하는 중에는 무료로 PDF를 공개했는데

무료 버전에서 담지 못한 내용이 추가되었습니다.

전자책 제작을 하지만, 디자인은 똥손인데

[독립출판 식목일]님의 도움으로 편집 디자인도 깔끔하게 바꿨습니다.

이 책은 입문자와 초보자를  위한 책입니다.

전자책 제작 강의를 들어도 전자책을 만들기 어려운 분들이 보시면 좋아요.

스타일 탬플릿을 이용해 클릭만 하면 스타일이 적용되도록 했습니다.

그리고 스타일의 값만 조정하면 간단히 나만의 스타일을 만들 수 있지요.

초보자인데 당장 전자책을 만들어야 한다,

전자책 제작에 입문하고 싶은데 무엇 부터 해야 할 지 모르겠다 하는 분들께 권해드립니다.

교보문고

리디북스

CSS는 계속 바뀝니다.

새로 추가되고, 없어지기도 합니다.

그래서 늘 공부를 해야하지요.

​

새로 추가된 CSS라고 해도, 이미 몇년 전 부터 사용을 한 분들도 많을거예요.

CSS는 표준이 되기 전에 아주 오랜 시간 테스트를 합니다.

브라우저에 적용이 된 후에도 최소 3~4년 이상 검증을 거치지요.

그래서 '난 오래 전부터 썼는데' 싶은 속성도 '새로운' 표준 CSS라고 할 때가 있습니다.

​

정확한 구분은 아니지만, css 속성이나 값 앞에

-moz-, -webkit- 같은 브라우저 표시를 해야 한다면 표준 검토 단계의 속성이라고 보시면 됩니다.

​

최근(이라 해도 2~3년 사이)에 부라우저에서 통합해 사용할 수 있게 된 속성을 3개 소개합니다.

국내 주요 유통사 전자책 뷰어에서 사용 가능한,

전자책 만들 때 아주 유용한 속성들입니다.

* 단, 구형 기기에서는 작동을 하지 않을 수 있습니다.

​

break-inside

​

이 속성은 page-break 라는 속성에서 파생된 속성입니다.

표준으로 확정되기 전에는 page-break-inside 라고 표기를 했는데,

표준으로 확정이 되면서 break-inside로 대체되었습니다.

모든 브라우저에서 break-inside를 적용할 수 있습니다.

​

calc

이건 속성의 값입니다.

width나 height 같이 단위를 값으로 갖는 속성에 사용할 수 있습니다.

아직 최종 확정 상태는 아니지만, 국내 주요 유통사는 모두 지원을 합니다.

이 속성은 1년 전에는 제대로 안먹혔는데, 최근에 다시 테스트를 해 보니 잘 먹히네요.

​

​

Attribute Selectors

이건 좀 오래 된 속성이에요.

아직 최종 확정 상태는 아니지만, 국내 주요 유통사 모두 지원을 합니다.

이미지나 글상자 처럼 비슷한 속성이 여려개 필요할 때 사용하면 아주 좋습니다.

똑같은 속성을 서로 다른 클래스에 무한 반복 시킬 때가 종종 있었는데,

이걸로 한방에 해결했지요.

​

이 3가지 속성을 사용할 때는 다음을 주의하세요.

1. 국내 주요 유통사(교보, 리디, 알라딘, 예스)의 전자책 뷰어에서 확인했습니다.

2. 안드로이드 8 이후 버전에서 테스트 했습니다. 이전 버전에서는 문제가 생길 수 있습니다.

Sigil 1.9.10 버전은 검색창이 개선되었습니다.

그런데 번역 올가 있고(죄송 ㅜ.ㅜ)

개선된 UI에 적응 못하는 분들이 계셔서 번역을 수정했습니다.

이 파일을 Sigil 설치 폴더 > translations > 폴더에 덮어 쓴 후 Sigil을 새로 시작하면 반영됩니다.

Sigil 1.9.10 버전이 업데이트 되었습니다.

이번 업데이트의 메인은 검색입니다.

​

검색 버튼이 아이콘으로 바뀌었고, 다양한 기능이 추가되었습니다.

​

이번 업데이트에서는 검색 할 때 [태그 제외] 기능이 추가됐습니다.

기다리던 기능이어서 반갑네요.

​

그리고 모두바꾸기에 [테스트 실행] 기능이 추가됐어요.

모두 바꾸기를 테스트로 실행해 보고, 결과에서 원치 않는 항목을 제외시킨 후 적용을 할 수 있습니다.

​

자세한 내용은 Sigil 홈페이지에서 확인하세요~

https://sigil-ebook.com/sigil/download/​

새로운 기능

- FindReplace 대화 상자 UI 재설계

- FindReplace "텍스트" 전용 체크박스 추가 및 검색에서 태그 제외 지원

- 팝업 메뉴를 통해 CodeView에 추가된 Toggle Line Wrap Mode 및 지원 추가

- "모두 바꾸기" 역할을 하는 테스트 실행 바꾸기 대화 상자를 추가합니다. (Shift + 모두 카운트)

- 사용자가 원하지 않는 항목을 삭제할 수 있도록 교체 필터 대화 상자 추가

모두 바꾸기(Shift + 모두 바꾸기)를 적용하기 전의 바꾸기

- 저장된 검색에 카운트 보고서를 추가하여 검색별로 저장된 검색 그룹 수를 표시합니다.