Відео

안녕하세요? 안경재님. 좋게 봐주셔서 감사합니다. 책에 따라서 꽤 다릅니다. 동영상에 나오는 것처럼 텍스트가 주가 되는 입문서라면 제 기준으로는 1일. 다른 숙련자 분들 기준으로는 3일 이내면 될 겁니다. 그 외에 실용서들이라면 5일~15일 정도도 고려하셔야 합니다. play.google.com/store/books/details/%EC%8A%A4%ED%81%AC%EB%A6%B0_%EC%98%81%EC%96%B4%ED%9A%8C%ED%99%94_%EA%B2%A8%EC%9A%B8_%EC%99%95%EA%B5%AD_II?id=fxYUEQAAQBAJ&hl=ko 얼마전에 저희 회사에서 출간한 책인데요. 이런식으로 조금 복잡한 레이아웃이 들어가면 검수 및 수정을 고려해서 한 5~7일 정도로 잡습니다.

말씀하신 부분이 거의 맞습니다.^^ margin 에 값을 두개 붙이면 상하와 좌우로 마진값을 주는데요. margin: 1.2em 0;은 위와 아래에 마진값 1.2em을 주고, 좌우로는 0(주지 않는다)을 주는 것입니다. em은 epub 전자책 특성상 상대값을 표기 위해서 적습니다. 다만, 선 굵기 같은 경우는 기존의 웹에서 사용하는 px 값을 쓰기도 합니다. 0은 단위를 주지 않아도 괜찮지만, 말씀하신대로 그 외 값이 작동하려면 em이나 px등의 단위 값을 붙여주어야 합니다.

@@kwangheelee9172 아...상하와 좌우값을 저렇게 따로 지정이 가능한거군요 역시 모르는건 여쭤보고 지나가는게 바른 길이네요 항상 감사하는 마음으로 시청하고 따라해보고 있습니다

같은 기능을 하는 윈도우 프로그램들이 있습니다. epubzip for window로 한 번 검색해 보시면 많은 프로그램들을 보실 수 있을 겁니다.^^ 그리고, 압축 풀었던 폴더를 zip으로 압축한 뒤에 확장자를 epub으로 바꾸고 sigil에서 불러온뒤 저장하는 방법도 있습니다.

댓글 감사드립니다 검색을 해봤드랬는데 제가 못찾았나봅니다^^ folderin and folderout 이라는 플러그인만 찾았지뭡니까 음...저도 나름 머리를 써서 압축하고 확장자를 epub으로 변경해봤는데 이상하게 뭔가 압축율이 다른건지 아님 제가 쓰는 압축 프로그램이랑 호환이 안되는건지 리더기에서도 시즐에서도 아이패드 도서에서도 다 인식을 못하더라구요 원인을 찾다가 다른일이 바빠서 내일 또 만져보자 싶어 오늘은 접었어요 내일 프로그램 검색을 해보겠습니다 다시한번 감사드려요@@kwangheelee9172

1분30초 정도에 설명드린대로 Text 폴더에 마우스 오른쪽 버튼 누른 다음에 add existing files 메뉴로 불러 오신건가요? 혹은 내보내신 파일이 html 파일이 아닌 xml 파일은 아닌지요? 한 번 확인해 보셨으면 좋겠습니다.

@@kwangheelee9172 Text 폴더에 마우스 오른쪽 버튼 누른 다음에 add existing files 메뉴로 불러왔고, html파일도 맞는데 계속 오류가 나네요. 일단 다시 차근차근 시도해볼게요. 감사합니다. ^^

제 수업에서 '이상한 나라의 앨리스' 원본을 언급했다면 교재가 아니라 쿠덴베르크 프로젝트 사이트를 추천드린게 아닐까 싶습니다. www.gutenberg.org/ 이 사이트입니다. html, epunb, kindle 포맷 등 다양한 전자책 참고 예제들이 볼 수 있다고 말씀드렸을 겁니다.

일단 경우의 수가 많아서 뭐라고 딱 집기는 어려울 것 같습니다. 리디북스 뷰어가 PC인지, 안드로이드 버전에 따라서 이런 저런 경우가 생길 수 있습니다. 가장 많이 제가 접한 상황은 구현 안드로이드의 경우 otf 폰트가 제대로 잘 보이지 않는 상황이 종종 있다는 점입니다. 지금은 그런 경우가 적겠지만, 과거에는 그런 사항 때문에 ttf 폰트를 주로 사용하는 회사도 있었습니다. 혹은 폰트 파일의 명칭에 공백이 있거나 고딕 폰트 사용으로 잘못 지정하신 경우도 있을 수 있습니다.

도움이 되었기를 바랍니다.^^/

댓글 감사합니다. 많은 분들에게 인기 있는 주제는 아이라서요.^^. 그리고, 몇 년동안 업데이트를 못하고 있습니다. 기본적인 epub 강의를 안내하는 목적으로 영상들을 올렸습니다만. 이후 전개할 부분에서 조금 고민중입니다.

좋은 질문입니다. 본래 a태그에 의한 이동만 고려한다면, 꼭 div로 감싸지 않고, 적당히 이동가능 한 곳에 붙여도 될 겁니다. 다만, 최근에 여러 뷰어 들에서 팝업 주석을 기본적으로 지원하게 되어서 div에 id를 일부로라도 넣고 있습니다. 본래 팝업 주석은 epub3 지원 기술이지만, 최근에는 리디, 알라딘 등 epub2에서도 기본 지원하는데요. 이때 <aside> 부분 대신 <div>를 적용하는 것입니다. 인디자인의 조판 상태에 따라 다르지만, 저희 같은 경우는 글 박스로 연결해서인지 기본적으로 <div>에 a태그의 연결 id가 지정되어 추출되기도 합니다. 좋은 질문 감사합니다.^^

@@kwangheelee9172 친절한 답변 감사합니다~!(꾸벅)

말씀 주신것만으로는 답변 드리기 어렵습니다만, 이 방법을 사용해 보시면 어떨까 싶습니다. 메일로 전자책 파일을 첨부해서 자기에게 보냅니다. 그리고, 그 메일을 뷰어가 깔려 있는 스마트폰이나 태블릿에서 수신한 뒤 첨부된 파일을 다운로드 받습니다. 그러면, 아마 다운로드 받은 파일을 뭘로 열지 결정하라고 메뉴가 뜨는데요. 거기서 알라딘 뷰어를 한 번 선택하면 문제 없는 파일일 경우 열릴 겁니다.

그 질문은 해당 회사인 산돌에 문의하시는게 좋을 것 같습니다.

안녕하세요? 백지우님. 유감스럽게도 저는 출판사에서 근무하는 중이라 별도로 제작을 맡아 진행해 드리기는 어렵습니다. 다만, 제가 추천 드리는 업체와 프리랜서들을 한 번 만나 보시길 권합니다. www.etarae.com/ twitter.com/arborsday twitter.com/ayden_blair blog.naver.com/bruceltk

종이책 출간을 위해 조판한 indd 파일 말씀이시지요? 가능합니다. 동영상에 나온 인디자인 파일이 바로 종이책으로 출간된 도서의 인디자인 파일입니다.^^; 예제에 사용한 도서는 작년에 새로 리커버리해서 재출간하기도 했습니다. '사이코패스 뇌과학자' 정말 좋은 책입니다.^^b

다음과 같이 넣어주면 될 겁니다. 1. fonts 폴더에 제 2외국어용 폰트를 넣어줍니다.(무료로 사용가능한 건 아마도 noto폰트 혹은 본고딕 본명조 폰트일 겁니다.) 예를 들어, NotoSerifCJKkr-Regular.otf라는 폰트 파일을 넣어 준다고 쳐요. 2. CSS 에는 다음과 같이 추가합니다. @font-face { font-family: "Noto_serif"; src: url(../Fonts/NotoSerifCJKkr-Regular.otf); } 3. 보시다 싶이 url 부분에 Fonts 폴더 아래에 사용하시려는 폰트 파일명을 기입해 주시면 됩니다. font-family: 의 명칭은 적당히 지정해주세요. 4. 해당 . font-family를 사용하는 class(선택자)를 만들어 주시면 됩니다.

@@kwangheelee9172 답변 넘 감사드려요. 큰 도움이 되었습니다.

안녕하세요? 계란물고님. 좋은 질문입니다. 이제 막 시작하시는 분들은 구 버전으로 해도 될까라는 두려움이 있을 거라고 생각합니다. 어떤 분들은 무조건 신버전을 쓰라고 하는 경우도 있고요. 저는 현재 0.8.7 버전을 그대로 사용하고 있습니다. epub3의 경우는 파이썬 플러그인으로 익스포트 해서 마무리 짓고요. 저희 회사랑 같이 협업하는 제작업체들의 경우는 0.8.7버전부터 최신 버전까지 각 작업자들의 취향과 작업 방향성에 따라 골라 쓰고 있습니다. 어차피 최종 결과물은 epub이니까요. 저는 가급적 자기 손에 익은 툴을 사용하는 걸 추천합니다. 신버전이 손에 맞다면 신 버전을 사용셔도 무방합니다. 다만, 신버전(0.9 이상부터)의 경우 epub 에러 체커가 플러그 인으로 따로 분리되어서 처음 전자책을 만드는 분들에게 꽤 높은 허들이 될 수 있다고 생각합니다. 이 기능은 자바로 작성된 이펍 에러 체커기를 파이썬이 돌리는 스크립트입니다. 그래서, 별도로 자바를 설치해 줘야 합니다. 기존 0.9 버전대에서는 파이썬을 별도로 설치해 줘야 했지만, 현재 버전은 파이썬이 Sigil에 내장되어 있다고 들었습니다. 하지만, 문제는 설치된 자바의 환경 변수가 가끔 문제를 일으켜서 작동이 안되는 경우가 종종 있습니다. 컴퓨터에 익숙하신 분들이라면 해결할 수 있겠지만, 이제 막 epub을 만들기 시작하시는 분들에게는 이 부분이 꽤 어렵게 다가오는 것 같습니다. 그래서, 처음 전자책을 만드시는 분들에게는 0.8.7 버전을 추천드립니다.

안녕하세요? 이프로님. 해당 방법은 말씀하신 0.8.7 버전까지만 적용 가능합니다.(북뷰가 살아 있는 0.9버전들에도 가능합니다.) 이후 버전부터는 북뷰 기능을 개발자들이 뺐습니다. 북뷰 기능은 페이지 에디터라는 별도 프로그램으로 분리되었습니다. 다음 링크로 참조해 보시길 바랍니다. sigil-ebook.com/pageedit/

@@kwangheelee9172 덕분에 도움되었습니다. 빠르게 정보 전달해주셔서 정말 감사합니다:)

@@하잌이프로 도움이 되었다니 저도 기쁘네요.^^ 좋은 책 만들어 주시길 바랍니다.

텍스트 박스가 끊기면 아마 순서가 변경될 수도 있을 겁니다.

@@kwangheelee9172 헉,, 답글 감사합니당,,!!!! 저 혹시 메일로 뭐좀 물어봐도 될까요?? ㅠㅠ 텍스트박스 끊기면 순서가 바뀔수있다고 하셔서 힘들겠지만 다시 인디자인에서 텍스트박스 이어서 그부분만 다시하려고하는데요. 그작업중에 일부를제가 물어보려고하는데 댓글로길게 설명하는것보단 캡처된 이미지를 보여드리면 설명이 한방으로 될거같습니다 ㅠㅠ저도 뇌관련 책자를 만들었는데 이번에 처음으로 전자책만들기 도전하는건게요! 선생님께서두 뇌관련 책자로 전자책을 만드는 영상보고 무척 반가웠습니다!!

위에 영상 소개 란 글을 누르시면 링크가 나옵니다.^^

사이즈라는게 내지 사이즈를 말씀하시는건지요? ePub은 종이책이나 PDF와 달리 디바이스 크기에 따라 가변되기 때문에 특정 사이즈를 한정할 수 없습니다. 다만, 가장 많이 사용하는 디바이스를 휴대폰으로 상정하긴 합니다.

이론적으로는 epub 내보내기나 html 내보기에서 깨끗하게 코드가 나오면 좋겠지만, 현재는 그렇지 못합니다. 가장 큰 이유중 하나는 기존 종이책 조판하시는 분들이 서식에 익숙치 못하거나 서식을 중복해서 사용하시는 경우가 있어서, html이나 css 코드가 깨끗하게 나오지 못합니다. sigil은 그런 부분을 조금 더 편하게(?) 작업하고자 나온 툴입니다. 말씀하시는대로 은근히 노동력이 꽤 들어가는 작업입니다.

html로 내보내는 이유는 말씀하신 지저분하지만 서식에 따른 class 구분이 되서 태그가 나오기 때문입니다. 소설이나 시처럼 몇 가지 서식이 없는 텍스트 위주의 도서라면 말씀하신 방법도 좋습니다.(최근에 관련 영상을 올렸으니 참고하세요.) 다만, 서식을 많이 사용한 도서들의 경우는 메모장으로 할 경우 일일히 서식을 입력하면서 작업하는게 쉽지는 않을 겁니다.

저희 경험으로는 크게 반대는 하지 않을 것 같습니다.^^

저도 못가본 north korea를 다녀왔더라구요...

길벗 퍼블리싱은 저희 회사 영문명입니다. 영상에서 나온 프로그램은 itunes producer입니다. 애플북스 파트너 등록하시면 다운로드 받으실 수 있습니다.

안녕하세요? 본부장님.^^ 잘 계시지요? 코로나 잠잠해 지면 언제 한 번 뵈요.^^ 건강하세요.

섹션을 만든다기 보다는 내부 html 파일 단위별로 나눠준다고 보시면 될 것 같습니다. 보통 나누는 단위는 각 출판사마다 다양하겠지만, 절 제목 구성 단위로 나누는게 많은 것 같습니다.

alice-b@hanmail.net 여기로 한 번 보내주시겠어요?

@@kwangheelee9172 감사합니다^^

@@kwangheelee9172 메일 드렸습니다. 감사합니다^^

혹시 버전이 몇 인가요? 제가 사용하는 0.8.7 버전은 말씀하신대로 탭을 치면, 소스코드 화면에서 뷰잉 화면으로 다시 뷰잉 화면에서 소스 코드 화면이 전환됩니다. 하지만, 0.9.7 이상 버전에서는 이 뷰잉 화면 기능이 사라졌습니다. Sigil 개발진들의 의도는 코드 기능에 집중하기 위해서 뺐다고 들었습니다. 참고 부탁드립니다.

@@kwangheelee9172 감사합니다!!!

지난주까지 일이 좀 많아서 업데이트가 너무 없었네요.^^; 말씀대로 지속적으로 새로운 강의 올리도록 노력하겠습니다. 감사합니다.

안녕하세요? 김건님. 좋게 봐주셔서 감사합니다. 말씀대로 강의 더 올리도록 노력하겠습니다.^^

명조 볼드 폰트를 font-face로 선언해 주시고, 해당 font-family명으로 지정한 다음에 이용하시면 될 겁니다. 예를 들어 코펍 바탕 볼드(파일명은 KoPubBatangBold.otf로 쓴다고 가정합니다.) 를 쓰신다면, 1번-Font 폴더에 해당 폰트를 불러 온다. 2번-css 파일에 @font-face { font-family: "kopub_bat_m"; src: url(../Fonts/KoPubBatangBold.otf); } 라고 입력해 준다.(여기서 font-family: "kopub_bat_m"은 제가 임의로 지은 명칭입니다. 편하신대로 명칭 변경하셔도 됩니다.) 3번 font-face에 선언한 바탕체 볼드를 이용하기 위해서 클래스를 지정한다. 저는 bm으로 클래스 명을 사용하겠습니다. .bm{font-family: "kopub_bat_m";} 이렇게 한 번 해보시길 권합니다.

웹폰트라 하시면 외부 URL로 끌어오는 걸 말씀하시는 건지요? 일단 epub은 웹과 달리 외부에서 리소스 끌어오는 건 허용하지 않습니다.(현재 추가로 3.0.1 이상에서 그 부분을 추가하자는 의견은 있습니다.) 폰트 적용은 현재 표준에서는 내장 폰트에 한합니다. / 뷰어에서 보이는 페이지 번호를 말씀하시는 거라면, 그 부분은 뷰어에서 계산해서 내놓는 것입니다. 책 내용에서 추가하는 것은 아닙니다.(즉, 뷰어단에서 알아서 계산해 내보냅니다.) 그래서, 단말기 사이즈나, 뷰어 프로그램들에 따라서 같은 epub이라도 페이지는 천차 만별입니다.

@@kwangheelee9172 친절한 답변 감사합니다. 그런데 어차피 css와 html을 이용하는 거라면, 비주얼 스튜디오에서 작성하는게 좋겠다는 생각에 플러그 인을 검색해 보니 이런 게 있는데요, marketplace.visualstudio.com/items?itemName=civodulab.epubtools 혹시 기회가 되신다면 이 부분에 대한 영상도 부탁드립니다.

@@yesno9065 저도 봤던 익스텐션 같은데, 그렇게 많이 써 보지는 못했네요.^^; 예스 노님 말씀처럼 html과 CSS라서 Sigil외에 다른 에디터랑 같이 혼용하시는 분들도 계십니다. 어떤 외주 제작 업체의 경우는 VS나 기타 에디터로 다다닥 만들고, Sigil에서 합쳐서 최종 조정한다고 하더라구요.

<a>태그를 한 번 이용해 보시면 되겠습니다.^^

크몽은 이용해 보지 않아서 잘 모르겠습니다. 어떤 포맷을 사용하는지, 어떤 방식으로 등록하는지 해보지 않아서요. 다만, 그 외의 서점들(교보문고, 예스 24, 알라딘, 리디북스)과 글로벌 플랫폼(애플북스, 구글 플레이북)에는 확실히 보장합니다.

iBooks 앱의 경우는 특별한 구문이 들어간 xml파일을 넣어 주어야 내장된 폰트가 구현됩니다. epub2인 경우 압축을 풀어 주신 다음에(이전 영상에서 보시면 epub은 zip압축이라는 걸 아실 겁니다.)xml 해당 구문이 들어간 xml파일을 meta-inf 폴더에 넣어 주세요. 그리고, 다시 압축을 해주시면 됩니다. 다음 링크로 공유 걸어 두었으니 해당 파일 다운로드 받아서 한 번 시도해 보시길 바랍니다. drive.google.com/file/d/1wyEK7u66wDFjyWfSqv-2DNy45dvzgmzo/view?usp=sharing 아울러, 해당 질문으로 영상도 한 번 만들어 보겠습니다.^^

말씀 감사합니다.^^ 도움이 되었다니 저도 기쁘네요.

epub2/3 버전으로 만들어집니다. 특별한 기능이 없어도 ePub3버전을 만드는데, 이것들은 구글과 애플에 올려집니다. 그 밖에 epub3 기능(mp3 재생, js 기능 등)이 들어간 도서들은 epub3를 지원하는 교보문고, 예스 24에 올립니다.(그 외 서점은 기능이 없는 epub2 버전)

@@kwangheelee9172 아.. 리더를 타니까 서점별로 타겟 환경을 달리한다는 말씀이시군요!

@@translating-developer 완전히 개별적으로 맞추지는 않습니다. 그렇게 하면 좀 힘들어 지는 감이 있어서, 저희는 기본 타겟은 애플북스 리더에 맞춥니다.^^; ePub2 버전은 3버전에서 관련 요소를 제거합니다. 아마 서점별, 기기별로 보이는 모습이 달라서 고민이 많으신 것 같습니다. 다 맞출 수 없으니 가장 잘 나오는(?) 놈을 골라서 거기에 맞추시는게 좋을 것 같습니다. 참고로 다른 출판사들은 주로 리디북스 리더를 대표 타겟으로 설정하는 것 같습니다. CSS가 국내 서점 뷰어들 중에서 가장 잘 먹는 편이라는 평입니다.