posted by 내.맘.대.로 2025. 9. 25. 09:01

내맘대로의 EPUBGUIDE.NET에서 편집자의 의도를 그대로 살려 전자책을 제작해 드립니다.

종이책의 편집 스타일을 최대한 유지하며, 팝업 주석 처리, 이미지 확대 축소 등 전자책의 장점을 반영하여 전자책을 제작합니다. 탬플릿을 사용하지 않고, 책 한권 한권 고유 스타일을 살리기 때문에 전자책에서도 종이책 디자인을 느낄 수 있습니다.

한국출판문화진흥원의 [텍스트형 전자책 제작 지원 사업] 선정 도서는 ‘제작 난이도별 제작비 산정 기준에 근거하여’ 제작 단가를 산정하고, 일정에 맞춰 제작을 해 드리니 많은 문의 바랍니다.

자세한 내용은 여기로: https://www.epubguide.net/notice/309

오래 전 작성된 글은 현재의 Sigil 버전과 차이가 날 수 있습니다. 등록 일자를 확인 하고 1년 이상 지난 글은 변경된 내용이 있는지 확인하시기 바랍니다.

Any publication resource that is an XML-based media type must be a valid XML 1.0 document. XML version found: %1$s.

 

이 오류는 EPUB을 구성하는 핵심 파일(XHTML, OPF, NCX 파일 등)의 가장 첫 줄에 있는 XML 선언의 버전 번호가 잘못되었음을 의미합니다.

EPUB 표준은 XML 버전 1.0의 규칙을 기반으로 만들어졌습니다. 이는 모든 관련 파일이 자신을 "XML 1.0" 문서라고 명시해야 함을 의미하는 엄격한 규칙입니다.

법률 계약서의 첫 줄에 '이 문서는 2010년의 법률을 따른다'고 명시하는 것과 같습니다. 📜 이 오류는 문서가 EPUB이 따르기로 약속한 '2010년의 법'이 아닌, 다른 버전의 법(예: %1$s)을 따르겠다고 잘못 선언한 것과 같은 상황입니다.


## 해결 방법

해결 방법은 매우 간단합니다. 문제가 발생한 파일의 첫 줄에서 버전 번호를 1.0으로 수정하면 됩니다.

  1. EPUBCheck 보고서에서 오류가 발생한 파일의 이름을 확인합니다.
  2. 해당 파일을 텍스트 편집기나 EPUB 편집기에서 엽니다.
  3. 파일의 가장 첫 번째 줄을 확인합니다.
  4. version="..." 부분의 값을 1.0으로 변경합니다.

### 수정 예시

  • 수정 전 (오류 예시):
  • XML
     
    <?xml version="1.1" encoding="UTF-8"?>
    <!DOCTYPE html>
    <html xmlns="http://www.w3.org/1999/xhtml">
    ...
    </html>
    
  • 수정 후 (올바른 코드):
  • XML
     
    <?xml version="1.0" encoding="UTF-8"?>
    <!DOCTYPE html>
    <html xmlns="http://www.w3.org/1999/xhtml">
    ...
    </html>
반응형
posted by 내.맘.대.로 2025. 9. 25. 09:00

내맘대로의 EPUBGUIDE.NET에서 편집자의 의도를 그대로 살려 전자책을 제작해 드립니다.

종이책의 편집 스타일을 최대한 유지하며, 팝업 주석 처리, 이미지 확대 축소 등 전자책의 장점을 반영하여 전자책을 제작합니다. 탬플릿을 사용하지 않고, 책 한권 한권 고유 스타일을 살리기 때문에 전자책에서도 종이책 디자인을 느낄 수 있습니다.

한국출판문화진흥원의 [텍스트형 전자책 제작 지원 사업] 선정 도서는 ‘제작 난이도별 제작비 산정 기준에 근거하여’ 제작 단가를 산정하고, 일정에 맞춰 제작을 해 드리니 많은 문의 바랍니다.

자세한 내용은 여기로: https://www.epubguide.net/notice/309

오래 전 작성된 글은 현재의 Sigil 버전과 차이가 날 수 있습니다. 등록 일자를 확인 하고 1년 이상 지난 글은 변경된 내용이 있는지 확인하시기 바랍니다.

The package document declares media overlays styling class names but no CSS was found in the content document.

 

EPUB의 종합 설명서인 .opf 파일에는 특정 CSS 파일을 '미디어 오버레이(소리 내어 읽기)' 전용이라고 지정(properties="media-overlay-style")했는데, 정작 그 CSS 파일을 열어보니 오디오 재생 중에 텍스트를 강조하는 데 필요한 핵심 CSS 클래스(예: .epub-media-overlay-active)가 없다는 의미입니다.

무대 감독(.opf 파일)에게 '조명 지시서'라고 알려준 종이를 확인해 보니, 정작 중요한 특수 조명에 대한 내용이 빠져있는 것과 같습니다. 📝


## 해결 방법

이 문제는 두 가지 경우 중 하나에 해당하며, 원인에 따라 해결 방법이 다릅니다.

### 경우 1: .opf 파일의 선언이 잘못된 경우

실수나 혼동으로 미디어 오버레이와 관련 없는 일반 스타일시트에 properties="media-overlay-style" 속성을 잘못 추가했을 수 있습니다.

  • 해결책: .opf 파일을 열어 <manifest> 안을 확인하고, 잘못 지정된 <item> 태그에서 properties="media-overlay-style" 속성을 삭제합니다.
  • 수정 예시 (.opf 파일):
  • XML
     
    <item id="main-css" href="css/main-style.css" media-type="text/css" />
    
  • XML
     
    <item id="main-css" href="css/main-style.css" media-type="text/css" properties="media-overlay-style" />
    

### 경우 2: CSS 파일에 스타일이 누락된 경우

.opf 파일의 선언은 올바르지만, 해당 CSS 파일에 미디어 오버레이용 클래스 스타일을 추가하는 것을 잊었을 수 있습니다.

  • 해결책: .opf 파일에 지정된 CSS 파일을 열고, 미디어 오버레이 활성 클래스에 대한 스타일 규칙을 추가합니다. (기본 클래스 이름: epub-media-overlay-active)
  • 수정 예시 (CSS 파일):
  • CSS
     
    /* 하이라이트 스타일을 추가하여 수정 */
    .epub-media-overlay-active {
      background-color: yellow;
    }
    
  • CSS
     
    /* 파일이 비어있거나 관련 스타일이 없는 경우 */
    

자신의 EPUB 파일이 위 두 경우 중 어디에 해당하는지 확인하고, 그에 맞는 방법으로 수정하면 오류를 해결할 수 있습니다.

반응형
posted by 내.맘.대.로 2025. 9. 25. 08:59

내맘대로의 EPUBGUIDE.NET에서 편집자의 의도를 그대로 살려 전자책을 제작해 드립니다.

종이책의 편집 스타일을 최대한 유지하며, 팝업 주석 처리, 이미지 확대 축소 등 전자책의 장점을 반영하여 전자책을 제작합니다. 탬플릿을 사용하지 않고, 책 한권 한권 고유 스타일을 살리기 때문에 전자책에서도 종이책 디자인을 느낄 수 있습니다.

한국출판문화진흥원의 [텍스트형 전자책 제작 지원 사업] 선정 도서는 ‘제작 난이도별 제작비 산정 기준에 근거하여’ 제작 단가를 산정하고, 일정에 맞춰 제작을 해 드리니 많은 문의 바랍니다.

자세한 내용은 여기로: https://www.epubguide.net/notice/309

오래 전 작성된 글은 현재의 Sigil 버전과 차이가 날 수 있습니다. 등록 일자를 확인 하고 1년 이상 지난 글은 변경된 내용이 있는지 확인하시기 바랍니다.

Found CSS class name "%1$s" but no "%2$s" property was declared in the package document.

 

이 오류는 미디어 오버레이(Media Overlays), 즉 '소리 내어 읽기' 기능과 관련된 문제입니다.

오류의 의미는, 오디오 재생에 맞춰 텍스트를 강조하는 등 특별한 스타일을 담은 CSS 파일이 있지만, 이 CSS 파일이 미디어 오버레이 전용이라는 사실을 EPUB의 종합 설명서인 .opf 파일에 등록하지 않았다는 것입니다.


## 해결 방법

이 문제는 CSS 파일이 아닌 .opf 파일을 수정해야 해결됩니다.

  1. EPUB 프로젝트의 .opf 파일을 엽니다. (보통 content.opf 또는 package.opf 라는 이름입니다.)
  2. 파일 안에서 <manifest> 부분을 찾습니다.
  3. <manifest> 안에서 미디어 오버레이용 스타일이 포함된 CSS 파일에 해당하는 <item> 태그를 찾습니다.
  4. 해당 <item> 태그에 properties="media-overlay-style" 속성을 추가합니다.

### 수정 예시

  • 수정 전 .opf 파일:
  • XML
     
    <manifest>
      ...
      <item id="mo-styles" href="css/readaloud.css" media-type="text/css" />
      ...
    </manifest>
    
  • 수정 후 .opf 파일:
  • XML
     
    <manifest>
      ...
      <item id="mo-styles" href="css/readaloud.css" media-type="text/css" properties="media-overlay-style" />
      ...
    </manifest>
    

이렇게 properties 속성을 추가하면, 전자책 시스템은 해당 CSS 파일을 미디어 오버레이 기능의 일부로 올바르게 인식하게 됩니다.

반응형
posted by 내.맘.대.로 2025. 9. 25. 08:55

내맘대로의 EPUBGUIDE.NET에서 편집자의 의도를 그대로 살려 전자책을 제작해 드립니다.

종이책의 편집 스타일을 최대한 유지하며, 팝업 주석 처리, 이미지 확대 축소 등 전자책의 장점을 반영하여 전자책을 제작합니다. 탬플릿을 사용하지 않고, 책 한권 한권 고유 스타일을 살리기 때문에 전자책에서도 종이책 디자인을 느낄 수 있습니다.

한국출판문화진흥원의 [텍스트형 전자책 제작 지원 사업] 선정 도서는 ‘제작 난이도별 제작비 산정 기준에 근거하여’ 제작 단가를 산정하고, 일정에 맞춰 제작을 해 드리니 많은 문의 바랍니다.

자세한 내용은 여기로: https://www.epubguide.net/notice/309

오래 전 작성된 글은 현재의 Sigil 버전과 차이가 날 수 있습니다. 등록 일자를 확인 하고 1년 이상 지난 글은 변경된 내용이 있는지 확인하시기 바랍니다.

Use of Font-face declaration.

 

이것은 수정이 필요한 오류나 경고가 아니라, 단순히 정보를 알려주는 안내 메시지입니다. 📢

이 메시지는 EPUBCheck가 당신의 CSS 파일에서 @font-face 규칙을 발견했음을 알려주는 것입니다. @font-face는 EPUB에 사용자 정의 글꼴을 포함시키는 올바르고 표준적인 방법이므로, 코드가 정상적으로 인식되었다는 의미입니다.

## 조치 방법

아무것도 할 필요가 없습니다. 다른 글꼴 관련 오류가 없다면 이 안내 메시지는 안심하고 무시하셔도 됩니다.

 

반응형
posted by 내.맘.대.로 2025. 9. 25. 08:52

내맘대로의 EPUBGUIDE.NET에서 편집자의 의도를 그대로 살려 전자책을 제작해 드립니다.

종이책의 편집 스타일을 최대한 유지하며, 팝업 주석 처리, 이미지 확대 축소 등 전자책의 장점을 반영하여 전자책을 제작합니다. 탬플릿을 사용하지 않고, 책 한권 한권 고유 스타일을 살리기 때문에 전자책에서도 종이책 디자인을 느낄 수 있습니다.

한국출판문화진흥원의 [텍스트형 전자책 제작 지원 사업] 선정 도서는 ‘제작 난이도별 제작비 산정 기준에 근거하여’ 제작 단가를 산정하고, 일정에 맞춰 제작을 해 드리니 많은 문의 바랍니다.

자세한 내용은 여기로: https://www.epubguide.net/notice/309

오래 전 작성된 글은 현재의 Sigil 버전과 차이가 날 수 있습니다. 등록 일자를 확인 하고 1년 이상 지난 글은 변경된 내용이 있는지 확인하시기 바랍니다.

CSS font-face declaration has no attributes.

 

이 오류는 CSS 파일에 글꼴(폰트)을 포함시키기 위한 @font-face 규칙이 선언되었지만, 그 내용이 비어있다는 의미입니다.

@font-face는 EPUB에 사용자 정의 글꼴을 포함시킬 때 사용하는 필수적인 코드 블록입니다. 하지만 내용이 비어있으면, 어떤 글꼴을 어떻게 불러와야 할지 알 수 없어 오류가 발생합니다.

이는 내용물이 무엇인지, 이름이 무엇인지 적혀있지 않은 텅 빈 라벨과 같습니다. 🏷️


## @font-face의 필수 속성

유효한 @font-face 규칙이 되려면 최소한 다음 두 가지 정보(속성)가 반드시 포함되어야 합니다.

  • font-family: 포함시킬 글꼴에 붙여줄 이름입니다. 나중에 CSS의 다른 부분에서 이 이름을 사용하여 글꼴을 적용합니다.
  • src: 불러올 실제 글꼴 파일의 경로와 파일명입니다.

## 해결 방법

두 가지 방법 중 하나를 선택하여 해결할 수 있습니다.

1. 규칙 완성하기 만약 사용자 정의 글꼴을 포함시키려던 것이 맞다면, 비어있는 @font-face 블록 안에 필수 속성인 font-family와 src를 추가하여 규칙을 완성해야 합니다.

  • 오류가 발생하는 코드:
  • CSS
     
    @font-face {
    }
    
  • 올바르게 수정한 코드:
  • CSS
     
    @font-face {
      font-family: "NanumMyeongjo";
      src: url("../fonts/NanumMyeongjo.woff2");
    }
    

2. 불필요한 코드 삭제하기 만약 @font-face 규칙이 필요 없다면 (예: 이전에 사용했다가 지운 흔적이거나, 템플릿에 포함된 불필요한 코드), @font-face { } 코드 블록 전체를 삭제하는 것이 가장 좋습니다.

반응형
posted by 내.맘.대.로 2025. 9. 25. 08:51

내맘대로의 EPUBGUIDE.NET에서 편집자의 의도를 그대로 살려 전자책을 제작해 드립니다.

종이책의 편집 스타일을 최대한 유지하며, 팝업 주석 처리, 이미지 확대 축소 등 전자책의 장점을 반영하여 전자책을 제작합니다. 탬플릿을 사용하지 않고, 책 한권 한권 고유 스타일을 살리기 때문에 전자책에서도 종이책 디자인을 느낄 수 있습니다.

한국출판문화진흥원의 [텍스트형 전자책 제작 지원 사업] 선정 도서는 ‘제작 난이도별 제작비 산정 기준에 근거하여’ 제작 단가를 산정하고, 일정에 맞춰 제작을 해 드리니 많은 문의 바랍니다.

자세한 내용은 여기로: https://www.epubguide.net/notice/309

오래 전 작성된 글은 현재의 Sigil 버전과 차이가 날 수 있습니다. 등록 일자를 확인 하고 1년 이상 지난 글은 변경된 내용이 있는지 확인하시기 바랍니다.

Alternative style sheets must have a title.

 

이 오류는 CSS 파일을 독자가 선택할 수 있는 '대체 테마'로 지정(rel="alternate stylesheet")했지만, 그 테마의 이름을 정하는 title 속성을 빠뜨렸을 때 발생합니다.

메뉴판에 '오늘의 특별요리'라고만 적고 정작 요리 이름은 적지 않은 것과 같습니다. 🍽️ 사용자는 선택지가 있다는 것은 알지만, 그것이 무엇인지 알 수 없습니다.


## title 속성이 필수인 이유

독자가 전자책 뷰어의 설정 메뉴에서 '낮 모드'나 '밤 모드' 같은 테마를 선택할 때, 메뉴에 표시되는 이름이 바로 title 속성에 적힌 텍스트입니다.

title이 없으면 뷰어는 사용자에게 테마 선택지를 보여줄 수 없으므로, rel="alternate stylesheet"로 지정된 스타일시트에는 title 속성이 반드시 필요합니다.


## 해결 방법

해결 방법은 간단합니다. 문제가 되는 <link> 태그에 title 속성을 추가하여 테마의 이름을 명확하게 적어주면 됩니다.

  • 오류가 발생하는 코드:➡️ rel이 'alternate stylesheet'인데 title이 없어 오류가 발생합니다.
  • HTML
     
    <head>
      ...
      <link href="night.css" rel="alternate stylesheet" type="text/css" />
      ...
    </head>
    
  • 올바르게 수정한 코드: ✅➡️ 이제 뷰어는 '어두운 테마'라는 이름으로 이 스타일을 독자에게 제공할 수 있습니다.
  • HTML
     
    <head>
      ...
      <link href="night.css" rel="alternate stylesheet" type="text/css" title="어두운 테마" />
      ...
    </head>
    

 

반응형