[무료 전자책] 단종애사

Tip&Tech/전자책으로 읽자 2020. 11. 11. 14:12

단종애사 보러가기


무료 전자 도서관에 단종애사 EPUB 올렸습니다.

다운로드와 브라우저로 바로 보기 가능합니다.

 

한국문학 장편 : jikji.duckdns.org/shelf/3

한국문학 단편 : jikji.duckdns.org/shelf/2

아이디어회관 직지 프로젝트 : jikji.duckdns.org/shelf/1

설정

트랙백

댓글

[CSS 스타일 샘플] 이미지 빈 공간에 글자 채우기 - shape-outside

카테고리 없음 2020. 11. 10. 09:20

이미지른 넣다 보면 float : left, float: right로는 해결이 안되는 경우가 생깁니다.

이렇게 공간이 애매하게 남을 때가 있어요.

이미지가 하나로 연결돼 있어 중간을 잘라 float을 쓸 수도 없는 이미지.

이렇게 텍스트가 들어가면 조금 더 깔끔하게 편집을 할 수 있습니다.

ㅓ처럼 여러 각도로 꺾인 이미지

이런 대각선 이미지도 애매하지요.

종이책에서는 전체 이미지인데 float으로 넣으면 작아보이고

그렇다고 center로 넣자니 빈 공간이 너무 많아 보기 좋지 않습니다.

이런 그림도 마찬가지지요.

오른쪽 부분만 잘라 float : right을 쓰고 싶지만 그림이 붙어 있어 자르기 어렵습니다.

이럴 때 쓸 수 있는 속성이 shape-outside예요.

shape-outside는 크롬 브라우저에서 사용하려면 webkit 속성을 추가해야합니다.

-webkit-shape-outside: polygon(0 0, 100% 100%, 0 100%);

shape-outside: polygon(0 0, 100% 100%, 0 100%);

국내 전자책 뷰어는 대부분 webkit을 사용하니 두 코드를 같이 넣어줘야돼요.

shape-outside에 ploygon 속성을 적용하면 이렇게 편집할 수 있습니다.

△ 모양의 이미지

ㄱ, ㄴ 같은 이미지

shape-outside는 여러 속성이 있습니다.

삼각형, 별 등 다각형을 표현할 때 polygon

원형은 circle

타원형은 ellipse,

그리고 다각형 안쪽에 글자를 넣을 수도, 바깥 쪽에 넣을 수도 있습니다.

shape-outside에 대한 설명은 여기로

https://developer.mozilla.org/en-US/docs/Web/CSS/shape-outside

 

 

shape-outside를 적용한 스타일은 여기를 참고하세요.

https://www.epubguide.net/215

 

https://www.epubguide.net/207

 

 

설정

트랙백

댓글

[문의&답변] 초보자를 위한 Sigil용 정규식

EPUB 편집 가이드 2020. 11. 4. 09:20

Sigil을 사용하는 이유는

HTML4, 5, CSS2, 3, JavaScript, jQuery 등 거의 모든 코드를 다 받아주는 강력한 코드 편집 기능,

그리고 정규식을 완벽히 지원하는 찾기/바꾸기 때문입니다.

이 두 기능을 안쓴다면 궂이 Sigil을 사용할 이유가 없지요.

특히 정규식을 완벽히 지원하는 찾기/바꾸기 기능은 다른 EPUB 편집기에는 없는 Sigil만의 독보적인 기능입니다.

정규식은 어려워요.

저도 어렵습니다.

제가 아는 있는 20년 다 되어 가는 최상급 개발자도 정규식이 어렵다고 합니다.

이 어려운걸 전자책 만드는데 쓰는건 얼마나 어렵겠어요.

그런데 어렵지 않습니다.

전자책 편집은 앱 개발이 아니잖아요.

기껏 해야 텍스트나 코드를 찾아 다른 것으로 바꾸는 정도예요.

그래서 몇가지만 알면 됩니다.

먼저, 아주 기본적인 PC 상식은 알아야겠지요?

\가 입력이 안되요... 라는 분은 정규식 사용을 권하지 않습니다.

1. (.*)

무엇이든 다 찾습니다.

<p>(.*)</p>

이렇게 찾기에 넣고 검색을 하면 <p>와 </p> 사이에 있는 모든 내용을 다 찾아줍니다.

다 찾는게 무슨 의미가 있지? 하고 생각하셨다면, Sigil 보다는 윙크, ebook스타일리스트를 쓰세요.

오! 하며 느낌표가 팍 오는 분들께는 신세계가 열릴거예요.

2. (\d), (\d\d), (\d+)

숫자만 찾습니다.

\d는 숫자 하나, \d\d는 숫자 두개, \d+는 갯수와 상관 없이 연속된 숫자를 모두 찾습니다.

이 두개만 잘 활용하면 전자책 제작에 필요한 정규식 90%는 해결합니다.

여기에 몇가지만 더 기억하세요.

4. 찾기에는 ()로 그룹을, 바꾸기에는 \1, \2로 찾은 값을...

예를 들어 날짜 표기 형식을 바꾼다고 생각해 보세요.

2020년 1월 1일 -> 1일 1월 2020년

2021년 2월 2일 -> 2일 2월 2021년

2022년 3월 3일 -> 3일 3월 2022년

찾기에 (\d\d\d\d)년 (\d)월 (\d)일

바꾸기에는 \3일 \2월 \1년

이렇게 해주면 됩니다.

(\d{4))

이런 것도 가능하지만, 초보자를 위한거라 넘어가겠습니다.

5. 정규식에서 사용하는 예약어, 예약 코드

(), \, .(점), [ ], ^, ?, * 등은 예약된 코드입니다.

예약코드는, 정규식을 만들 때 쓰는 코드예요.

그래서 검색창에 (를 넣고 찾으면 못찾습니다.

예를 들어

정규식(Regex)

이런 내용에 (Regex)만 찾고 싶습니다.

(.*)

이렇게 하면 못찾아요.

((.*))

이렇게도 못찾습니다.

괄호는 예약코드기 때문이에요.

예약코드를 찾을 때는 \를 써야합니다.

\((.*)\)

이렇게 하면 괄호를 포함해 괄호 안에 있는 글자를 찾습니다.

점을 찾고 싶다면 \.

물음표는 \?

곱하기는 \*

이렇게 찾으면 됩니다.

이정도만 기억하면 전자책 만들 때 필요한 정규식 95%는 해결됩니다.

5%는?

열심히 공부 해야겠지요^^

설정

트랙백

댓글