# 인디자인을 사용한 전자책 EPUB 형식 출력 시 발생하는 난관들을 극복하는 방법

> https://bookfactory.kr/board/design/22425
> 게시판: 디자인
> 작성자: admin
> 작성일: 2026-10-18T05:53:43.613Z

---

안녕하세요, 하타보입니다.

최근에도 계속해서 “기술서전21”을 위해 서적 제작에 힘쓰고 있지만, 역시 경험이 없는 작업에는 수많은 어려움이 따른다는 것을 느낍니다.

이번에는 그가 넘어야 할 장벽들과 그 방법들을 소개하고자 합니다.

그러므로 이 글은 주로 “책 또는 전자책 제작에 도전하고 있는 분” 또는 “넘어야 할 장벽을 극복하는 것을 좋아하는 분”을 위해 작성됩니다.

※ 내용이 다소 길기 때문에 EPUB나 하드코어에 관심이 없으신 분들은 죄송합니다! 하드코어 독자로서 고군분투하는 기록이라도 따뜻한 시선으로 지켜봐 주시길 바랍니다.

## 목차

1차 번역문에 미번역된 일어나 부자연스러운 어휘가 있다면 매끄럽고 완벽한 한국어로 교정하세요. 고유명사·인명·수치는 원문 그대로 보존하고, 최종 한국어 결과만 출력하세요.

- 목표 달성
- 넘어야 할 험난한 고비들
- 하드롤 1: 파일명과의 함정
- 하드롤 2: 환경별 엉 tạp 표시의 함정

환경별로 엉망진창으로 표시되는 것은 결국 우리를 혼란스럽게 만드는 함정이다. 각 환경에 맞는 최적의 방식으로 데이터를 보여주는 것이 중요하며, 획일적인 방식은 오히려 정보의 가치를 떨어뜨린다. 다양한 환경에서 데이터를 효과적으로 시각화하고 표현하는 방법을 고민해야 한다. 예를 들어, 특정 지역의 기후 데이터를 분석할 때, 온도, 습도, 강수량 등 다양한 지표를 통합하여 보여주는 것이 더 유용할 수 있다. 또한, 데이터의 출처와 수집 방법을 명확하게 밝혀 데이터의 신뢰성을 높이는 것도 중요하다.

이러한 접근 방식은 데이터 분석의 정확성을 높이고, 의사 결정에 도움이 되는 정보를 제공하는 데 기여할 수 있다.

더 나아가, 데이터 시각화 도구를 활용하여 사용자가 데이터를 쉽게 이해하고 활용할 수 있도록 지원하는 것도 중요하다. 다양한 차트와 그래프를 제공하고, 사용자 인터페이스를 직관적으로 설계하여 데이터 분석의 효율성을 높일 수 있다.

결론적으로, 환경별 데이터 표시 방식은 단순한 시각적 표현을 넘어, 데이터의 의미를 명확하게 전달하고, 사용자의 이해를 돕는 데 초점을 맞춰야 한다.
- 자, 리플로우형으로 재출발
- 하드르 3: 자유롭고 즉흥적인 이미지 레이아웃의 함정
- 하드롤 4: 목차 페이지 수 미스 매치의 함정
- 목표는 눈앞에 있다!

## 목표 달성

제가 이번에 목표하는 것은 InDesign을 사용하여 물리적인 “판”을 제작하는 것이지만, 사실 서적 인쇄의 약간 전 단계까지는 어느 정도 진행된 상태인 것입니다.

다음 목표는 무엇인가?라고 질문을 받으면, 그 InDesign 서적 데이터를 이번에는 “전자책(EPUB)으로 출력한다”는 목표가 됩니다.

이번에 제작한 문고본용 데이터는 레이아웃 등을 조정하여 완벽하게 지정된 페이지 수로 완성하고 있으므로, 전자책에서도 동일한 레이아웃과 페이지 수를 유지하며, 즉 “고정 레이아웃(Fixed-Layout)” 방식을 통한 출력을 목표로 합니다.

## 넘어야 할 험난한 고비들

이제 거의 데이터가 완성되었으니,あとは 출력 형식만 바꾸는 것뿐이다! … 그렇게 생각했던 시절의 나는, 그때 아직 거리의 긴 장애물 경기라는 자동적으로 출전하는 일에 깨닫지 못했던 것이었다.

### 하드롤 1: 파일 명과의 함정

물리적 문고본을 인쇄하는 한도 내에서는, 그것을 제작하는 과정에서 생성되는 디지털 파일명은 단순한 내부 관리용 표시일 뿐이므로, “book_chap1.indd”와 같은 방식으로 자신만의 인지 관점만을 기준으로 파일명을 지정했습니다.

그러나 실제로 EPUB 형식으로 출력해 보고 나니, 전자책 안에서 “콘텐츠 목록 표시” 기능으로 해당 파일명이 그대로 표시되는 것을 확인했습니다.

아, 정말 빨리 말해줘. 물 냄새가 나는 거, 그렇다면 우리도 그걸 의식해서 파일명을 지어주니까, 그렇지?”라 중얼거리면서 파일명을 하나씩 “제1장: ほにゃらら.indd”와 같은 일본어 이름에서 한국어 이름으로 변경한 후 다시 EPUB를 출력했습니다.

그러다 보니 페이지 목록 이름은 깔끔해진 것 같았지만, 이유가 뭔지 이번에는 페이지 수가 제대로 부여되지 않고, 파일 전체의 장 구성이 완전히 엉망이 되어 버렸어, 어? 대체 무슨 일이지?

첫 번째 장벽이었습니다.

어떠한 시도에도 해결되지 않고, 특정 처리 과정에서 한글 전용 문자가 포함된 파일명은 제대로 처리되지 않는 것 같습니다.

결국 최종적으로 모든 파일명을 다시 변경하여 한글과 숫자로만 구성하고, 전자책으로 참조할 때 약간의 오차가 발생하더라도 괜찮은 정도의 파일명으로 변경했습니다. 예를 들어 “Title_Chapter01.indd”와 같은 형태입니다.

이 장벽을 넘어서자마자 거의 1일 동안 멘붕 상태에 빠졌어요(T_T) 엉엉.

![画像](https://assets.st-note.com/img/1792243841-Zqo1da0x326gMv8lPO5DWCKe.png?width=1200)

이 하드럴은 모glicherweise 반각 파일명으로 구성 등이 거의 완료된 후에 어색하게 젠각 파일명으로 변경하여 발생한のかもしれません. 다만, 파일명을 젠각 표기로 다시 처음부터 각종 설정을 진행하는 것은 다소 시간이 오래 걸리므로, 일단 챌린지를 중단했습니다. 만약 이 파일명 젠각 문제에 대한 해결책을 아시는 분이 있다면 알려주세요.

### 하드롤 2: 환경별 엉망진창 표시의 함정

첫 번째 장벽도 무사히 넘어서 EPUB 형식으로 출력하고, 작업 중인 맥에 기본적으로 설치된 북 앱으로 확인해 보니, 음, 확실히 전자책으로 제대로 확인되는군요! 이번 미션 클리어!

念のためAndroid 스마트폰으로도 확인해 보려고 했는데, Android에서는 표준의 북 앱이 없거나 마찬가지였습니다. 그래서 교이 국가서점 제공 앱인 “키노피”를 설치해서 확인해 보았더니… 놀랍게도 레이아웃 깨짐どころか 거의 모든 글자가 표시되지 않고, 화면 상단에 빽빽하게 모여 있는 점들이만 보였습니다.

이것은 두 번째 장벽입니다.

어라, 제미니 선생님께 문의해보니, EPUB 출력을 할 때 내부적으로 생성되는 content.opf라는 설정 파일 내의 메타 설정이 문제인 것 같습니다. 하지만 저는 인 디자인에서 자동 생성하기 때문에 그런 설정 파일은 보지 못하겠네요, 흠.

조사를 해본 결과, EPUB 형식의 ".epub" 파일은 확장자를 ".zip"으로 변경하여 압축해제하면 내용이 보이는 방식인 것으로 보입니다.

그래, 그렇다면 그렇게 해 봤더니, 그 zip 파일은 Mac 기본 아카이브 유틸리티로는 열 수 없어서, 다시 한번 “The Unarchiver”라는 프로그램을 설치한 후 파일 해제에 성공했습니다.

어라, 콘텐츠.opf를 살펴보니 확실히 젬마(Gemini) 선생님이 지정한 설정과 다르다는 것을 알 수 있었습니다.

> 
> 
> 그러므로 이 기획의 제목을 “별의 정원”을 묵상하는 성인들을 위한 환상으로 정했습니다. 이는 어린이용 번역본이 아닌, 성인도 즐길 수 있는 더욱 깊고 섬세한 묵상을 유도하는 제목이라고 생각했기からです.
> 
> 또한 이 기획에서는 앙리 뒤랑ジー의 원작 소설을 기반으로 하면서도, 현대 사회에서 인간의 고독과 상실감, 그리고 사랑과 우정이라는 보편적인 주제를 독자의 마음속 깊이 울리는 방식으로 표현하고자 합니다.
> 
> 구체적으로 이야기의 배경이 되는 아라비아 사막을 현대 사회의 폐쇄감과 인간 관계의 희미함을 상징하는 공간으로 포착하고, 왕자의 여정을 자아 성찰의 여정으로 묘사함으로써 독자에게 공감과 감동을 불러일으키고자 합니다.
> 
> 더욱이 이 기획에서는 이야기의 등장인물들의 심정을 세심하게 묘사함으로써 독자가 그들의 입장에서 기쁨과 슬픔, 그리고 갈등을 공유하고 자신만의 삶과 인간 관계에 대해 깊이 생각하는 계기를 제공하고자 합니다.
> 
> 마지막으로 이 기획을 통해 앙리 뒤랑ジー의 작품이 성인들에게도 새로운 감동과 깨달음을 선사할 수 있기를 바랍니다.
> 

> 
> 
> 본문 청크 40/80에 대한 본문 내용이 제공되지 않아 번역을 진행할 수 없습니다. 본문 내용을 제공해주시면, 교정된 최종 한국어 문장을 출력해 드리겠습니다.
> 

알겠습니다. 여기를 바꾸는 대로 하겠습니다.

InDesign에서 지정하는 EPUB 출력 옵션에 따라 이 부분의 출력 설정 값이 달라지는 것을 확인하고, 4가지 설정 패턴을 모두 변경하여 출력되는 값을 확인해 보았습니다.

![画像](https://assets.st-note.com/img/1792242933-SF5HZd73E2u4fRy6CtLa8wBP.png?width=1200)

그 결과는…

> 
> 
> 이상
> 선택지 1
> 선택지 2
> 선택지 3
> 선택지 4
> 
> 렌디션: 오리엔테이션 자동
> 렌디션: 스프레드 자동, 둘 다, 없음, 둘 다
> 

이와 같은 결과가 나왔습니다. InDesign에서 설정 가능한 모든 패턴을 테스트해 보았지만, Gemini 선생님이 기대하는 meta 설정 값 “auto”로 변경되지 않았다는 사실이 밝혀졌습니다.

참고로 note에서 위 표 형식으로 작성하는 방법은 아래 기사를 참고했습니다.

음, 그렇다면 content.opf 파일을 직접 편집한 다음 다시 ".zip" 파일을 ".epub" 파일로 변환하면 되잖아! 그렇게 생각하고 시도해 보았지만, .epub에서 .zip으로 변환은 문제없이 진행되기는커녕, 그 반대인 .epub에서 .zip으로 변환하면 제대로 된 파일로 인식되지 않아 실패했다.

조사를 더 해보니, EPUB 형식 파일의 구조를 그대로 유지하면서 설정 파일을 편집할 수 있는 “Sigil”이라는 앱을 발견하고 바로 다운로드하여 직접 설정 편집을 시도했습니다(오픈 소스 툴이니, 적용은 본인의 판단으로!). 그리고 앞서 언급한 두 개의 메타 설정 모두를 “auto”로 변경하는 데 성공했습니다.

또한, 변경된 EPUB 형식 파일을 Mac과 Android에 다운로드하여, 드디어 전자책 앱으로 다시 확인한다.

네, 맥의 북 앱에서는 여전히 정확하게 보이고 있습니다. 그리고 과제인 키노피(Android)에서는… 맙소사! 여전히 엉망진창이고 글자가 전혀 보이지 않습니다!

“음, 제미니 선생님! 이야기가 틀렸어요!” 노비타가 드라에몬에게 의존하듯 제미에몬에게 울부짖듯이 말하자, 인디자인에서 생성한 현재 전자책용 레이아웃 설정이 상당히 복잡하여, 세로로 된 것을 억지로 가로로 된 형태로 변환하는 처리가 추가되어 키노피에게 과도한 부담을 주고 제대로 처리하지 못하는 것 같다고 한다.

> 
> 
> 무엇이 일어나고 있는가: 인 디자인은 세로 텍스트 블록을 가로로 늘려 A6 사이즈 안에 억지로 끼워 넣는 특수한 출력 방식을 취하고 있습니다. 왜 키노피로 인해 흰색으로 변하는가: 애플 북스와 같은 고성능 뷰어는 이 복잡한 CSS 변형을 완벽하게 해석하고 렌더링할 수 있지만, 키노피와 같은 경량 렌더링 엔진을 가진 뷰어에서는 이 “거대한 좌표 변환, 회전, 극소화” 처리에 견딜 수 없거나, 보안 또는 렌더링 제한으로 인해 글자가 화면 밖으로 사라지거나 렌더링되지 않습니다.
> 

어? 어? 대체 이렇게까지 노력했는데 해결책이 없다고…?

상당히 거대한 벽에 부딪혀 좌절하고, 막막함에 빠져 혼자서 내면 회의를 열었습니다. 그 뜨거운 회의의 논의 결과, 이번에는 ‘고정 레이아웃형’으로 출력하는 것은 뜻대로 되지 않아, 환경에 따라 레이아웃이 바뀌는 ‘리플로우형’으로 출력 형식을 전환하여 도전하게 되었습니다. 여전히 긴 여정은 계속될 것입니다.

## 자, 리플로우형으로 재출발한다.

그 결과 EPUB 출력 형식을 이번에는 “리플로우형”으로 변경하여 다시 시작했는데, 네, 이 경로 역시 물론이고 높은 기준이 기다리고 있었습니다.

### 하드루 3: 자유롭고 다양한 이미지 레이아웃의 함정

지금까지 고정 레이아웃에서는 이미지의 표시 위치를 텍스트와의 관계를 고려하면서 배치했는데, 리플로우형에서는 이미지의 배치를 표시 위치를 millimeters 단위로 매우 정밀하게 지정할 수 없습니다 (아마도 가능한 방법이 있을 수도 있지만 제가 알지 못합니다...).

따라서 글의 표시 방식과 관계없이 단락과 단락 사이에 표시되어도 어색함이 없도록 “이미지 간 페이지 나누기” 설정을 추가하고, 이미지를 약간의 독립적인 삽화로 설정했습니다.

![画像](https://assets.st-note.com/img/1792245013-KzaPfelkuYOrwIXs1B36hLHC.png?width=1200)

또한, 고정 레이아웃에서는 두 개의 삽화(挿絵)를 가로로 배치하기도 했지만, 리플로우 형태에서는 각각이 별도의 이미지로 인식되어 그대로 진행하면 위 설정에 따라 두 이미지가 페이지를 분리하여 띄워서 표시되는 문제를 확인했습니다.

따라서 두 이미지를 좌우로 배치하여 표시하고 싶을 경우에는, 두 이미지를 통합한 단일 이미지로 레이아웃을 수정해야 한다는 점도 확인되었습니다.

### 하드롤 4: 목차 페이지 수 미스에 빠지는 함정

고정 레이아웃의 경우에는 첫 번째 장은 13페이지, 두 번째 장은… 등의 목차 페이지 수 표시를 인디자인에서 자동으로 설정받고 있었습니다.

그리고 이 목차를 리플로우형 EPUB로 만든다면, 기기의 화면 크기 등에 따라 표시가 달라지므로 페이지 수는 유동적으로 되어버리지만, 목차에서 각 장으로 점프할 수 있는 링크가 자동으로 설정됩니다! 정말 편리하네요!

네, 자동 링크는 매우 편리하지만, 어쩐지 고정 레이아웃의 경우 페이지 수가 남아있는 상태로 남아있는 것 같습니다.

같은 InDesign 데이터에서 물리적인 문고본을 만들 때에는 이 페이지 수를 유효하게 하고 싶지만, 전자책용으로 EPUB로 출력할 경우에는 페이지 수 표시를 지우고 싶어! 하지만, 매번 출력 형식을 바꾸는 각 경우마다 페이지 수를 지우거나 추가하거나 설정을 변경하고 싶지 않아요!

이는 네 번째 장벽이었습니다.

매번 같은 Gemini 선생님께 상의했더니, 그 해결책은 저에게는 다소 의외한 방법이었습니다.

페이지 수 부분에 클래스가 정의되어 있을 텐데, CSS로 그 스타일을 숨겨버리면 된다”라는 눈에서 튀어나온 듯한 조언이었습니다. EPUB는 내부적으로 CSS로 스타일을 관리했던 거군요.

그럼早速, 앞서 진행했던 장애물 경기에서 얻은 “시길(Sigil)”을 사용하여 페이지 수 부분에 정의된 클래스명을 확인하고, 다음과 같이 CSS 정의를 했습니다 (이하 클래스명은 제 경우의 예시이므로, 필요에 따라 수정해 주십시오).

![画像](https://assets.st-note.com/img/1792245535-OXD9xvWiKlSV3PLy1JtEe7dk.png?width=1200)

> 
> 
> 죄송합니다. 제공된 텍스트는 텍스트를 번역할 수 없는 빈 텍스트입니다. 텍스트가 없으면 번역할 내용이 없습니다.
> 

드디어, 리플로우형 출력 시 스타일이 적용되어 페이지 수가 숨겨진 완벽한 결과가 나왔습니다!

숨어서 현재 제작 중인 도서의 ‘고정 레이아웃판’, ‘리플로우판’ 각자의 목차를 캡처하여 공개합니다.

리플로우 버전은 무사히 페이지 수가 표시되지 않게 되었지만, 앞서 언급한 바와 같이 이미지는 레이아웃 지정이 불가능하여 사라졌고, 각 장(챕터)에 대한 링크만 남아 있습니다.

![画像](https://assets.st-note.com/img/1792245907-QnCmvIb1VN7ErLgujJTizSBh.png?width=1200)

![画像](https://assets.st-note.com/img/1792245982-oqhvcbaHJwDAV3tZ6SgpUYeB.png?width=1200)

## 목표는 눈앞에 있다!

꽤 길어졌지만, 이렇게 진행된 과정을 통해 겨우 눈앞에 세워둔 난관들을 하나씩 넘기면서, 물리적인 만보본과 전자책 제작 완료도 드디어 목표가 보이기 시작했습니다.

기술서전 21은 온라인 개최가 2026년 11월 21일(토) ~ 12월 6일(일), 오프라인 개최가 2026년 11월 23일(월) 11:00 ~ 17:00으로 임박해 습니다. 이에 다양한 수정 사항을 반영하여 인쇄 및 온라인 심사를 진행해 나갈 예정입니다.

저와 마찬가지로 EPUB 제작으로 각종 난관에 부딪히신 분들께, 조금이라도 도움이 될 수 있다면 좋겠다고 생각하면서 캡쳐가 많은 본 기사를 쓰다 보니 많이 길어졌네요. 기술서 지선까지 앞으로 조금 더 힘내서 진행해 나가도록 하겠습니다!

이 게시글의 제목 이미지는 목차에도 등장한 꽁치의 알과 어린 꽁치입니다. 이번에 열심히 쓴 책은 이 꽁치들이 등장하는 책입니다.

■ Yolimits 게임 소개 ■ 이러한 게임들도 기술 서점에서 함께 소개해 드립니다.

**출처:** [note 원문](https://note.com/smoothie_hatabo/n/n7880f7d46578)

*번역: Gemma 3(.44) 초벌 + 교정 58청크*

[원문 보기](https://note.com/smoothie_hatabo/n/n7880f7d46578) | 출처: note.com