수학방

전에 애드센스 수입금을 웨스트 유니언으로 받을 때는 매번 은행에 가야 해서 불편했었죠. 이제는 송금으로 받으니까 귀찮은 건 없어졌는데, 수수료가 매달 빠져나가서 조금 아깝기도 하고요.

그래서 저처럼 수수료나 벌어보자는 생각으로 환율이 오를 때를 대비해서 외화로 받으시는 분들이 꽤 되는 거로 알고 있습니다. 그런데 환전을 했다는 분은 별로 보지 못했네요.

이번에 환율도 조금 오르고 해서 처음으로 환전을 해봤는데, 그 과정을 소개합니다. 스마트뱅킹으로 환전했으니 환전하실 분은 참고하세요.

기업은행 원화ㆍ외화 내맘대로통장 환전

저는 기업은행의 원화ㆍ외화 내맘대로통장을 사용하고 있어요. 부가서비스가 몇 가지 있거든요.

• ATM, 스마트폰, 인터넷을 이용한 환전, 내맘대로 통화 전환
  • 원화 ⇒ 외화, 외화 ⇒ 원화, 외화 ⇔ 외화
  • ATM기를 통해 외화계좌에서 원화로 현금인출 가능
  • 적용환율 : 대고객 전신환매매율
• 환율 및 외화송금수수료 우대
  • 기본우대 : 이 통장 외화예금 가입 고객이 환전, 통화전환, 해외송금 시 환율 및 외화송금수수료 30% 우대
  • 특별우대 : ATM, 인터넷뱅킹 등 비대면채널로 거래 시 환율 및 송금수수료 50% 우대
    (법인은 비대면 채널로 거래 시에만 30% 우대)

그런데 이게 원화ㆍ외화 내맘대로 통장이라고 해서 그 통장 안에서 원화와 외화를 바꾸는 게 아니더라고요. 외화끼리 바꾸는 건 되는데, 원화를 외화로 바꾸는 건 안되네요. 인터넷뱅킹에서도 통화전환(내맘대로 전용)이라는 메뉴가 있는데, 이건 외화 → 외화만 되는 것 같아요.

애드센스 수입을 환전하는 외화 → 원화는 외화송금(국내)을 이용해야 합니다. 그러니까 외화를 원화 통장으로 송금하는데 이때 환율에 맞게 자동으로 원화로 환전돼서 송금하는 거지요. 환전이 아니라 환전 후 송금이 맞는 표현이겠네요.

위 소개에 나온 것처럼 비대면채널로 거래하면 우대율이 더 높아서 스마트폰으로 환전했습니다.

원화ㆍ외화 내맘대로 통장 환전 방법

기업은행의 ONE 개인뱅킹 앱을 설치하고 로그인을 한 다음에 계좌조회에서 외환계좌를 선택하세요. 그러면 아래 그림이 나오는데 여기서 빨간 네모가 쳐진 것처럼 외화송금을 선택하세요.

외화송금(국내)이 나오는데 저는 전에 웨스트 유니온으로 애드센스 수입을 받던 기업은행 통장이 있어서 국내간이체-당행을 선택했습니다. 외화를 출금할 거니까 당연히 출금계좌는 외화계좌가 되어야겠죠? 그림에는 짤렸는데, 송금할 금액, 이름, 전화번호, 받을 계좌번호 등을 입력하는 칸이 있습니다. 다 입력을 합니다.

계좌번호와 이름 등을 다 입력하고 확인 단추를 누르면 아래 그림처럼 송금을 할 때 환율에 맞게 환전을 해서 입금을 한다는 알림창이 나옵니다. 확인을 누르세요.

일반적인 이체와 마찬가지로 출금계좌와 입금계좌 정보가 위에 나오고 중간에는 출금정보가 나와요. 여기에 송금금액(원화)과 적용환율이 나오니까 잘 보시기 바랍니다. 그런데 일반적인 이체에서는 계좌번호를 입력하면 입금계좌 정보를 자동으로 찾아서 알려주니까 이름을 비교해서 계좌번호 입력이 제대로 된 건지 확인할 수 있는데, 여기서는 제가 입력한 이름이 나오니 이게 제대로 입력한 건지 아닌지 확인할 수가 없네요. 입금계좌를 입력할 때 주의해야 할 것 같아요.

보안카드 비밀번호 넣고 확인 누르면 공인인증서 암호를 확인하는 창이 나옵니다. 공인인증서 암호 입력하면 끝입니다.

주의해야할 건 보안카드 번호, 공인인증서 암호는 60초 안에 입력해야 해요. 적용환율이 바뀐다고 60초 지나면 송금 과정을 처음부터 다시 해야 합니다.

스마트뱅킹이 아닌 인터넷뱅킹으로 할 때, 계좌이체 - 외화계좌이체(국내)를 선택하면 나머지 과정은 위와 같아요.

원화ㆍ외화 내맘대로통장은 비대면 채널로 거래할 때 환율과 수수료 50% 할인이 된다고 했는데, 일단 수수료는 0원이니까 할인을 받은 것 같아요.

환율은 얼마나 할인받았는지 모르겠어요. 적용환율일련번호라는게 어떤 힌트가 될 것 같긴한데 전혀 모르겠네요. 다만 송금을 하기 전에 기업은행에서 확인한 기준환율이 약 1130.XX원 정도였는데, 적용환율이 1125원으로 5원 차이밖에 나지 않는 걸 보면 환율 우대를 받은 것 같긴 한데 정확히 얼마나 받았는지는 모르겠어요.

그리고 실제로 들어온 돈으로 계산해보면 적용환율이 1124.5원이에요. 0.5원 차이가 무엇 때문인지도 궁금하네요.

환율이 오르는게 블로거 입장에서는 수입이 많아져서 좋은 것처럼 보이지만 광고주는 광고비가 부담스러워 광고를 줄일 수도 있으니까 장기적으로 마냥 좋다고만은 할 수 없네요.

함께 보면 좋은 글

티스토리에서 Google Analytics 사이트 검색 사용하기
애드센스 반응형 광고가 숨겨지지 않을 때 해결 방법
구글 애드센스 대체 광고 - 니트머스 AD
애드센스 수입 향상 팁 - 텍스트 광고 편

티스토리의 고질적인 문제 중의 하나가 크롬에서 글을 쓸 때 <span style="font-size: 9pt; line-height: 1.5;">라는 태그가 자동으로 붙는 거죠. 이게 글쓰기 화면의 기본값이어서 style.css의 설정을 무시하는 바람에 원하는 형태로 표시되지 않아요.

뭐 아주 간단한 해결방법은 크롬이 아닌 다른 브라우저를 이용해서 글을 쓰면 되지만 단순히 글쓰기용으로 다른 브라우저를 사용한다는 건 엄청나게 불편한 일이죠.

그래서 간단히 이 태그를 지워주는 유틸을 만들었습니다. 유틸이라고 하기에도 조금 어색하긴 하지만요.

티스토리 9pt로 글씨 크기 작아지는 버그 해결방법

사실 티스토리의 글쓰기 브라우저에 따라서 생기는 문제가 많이 다릅니다.

저는 블로그 특성상 수식을 많이 넣는데, 그림으로 넣는 거라서 <img src="" alt="" />이렇게 되어야 하는데, 인터넷 익스플로러에서는 꼭 뒤에 /가 삭제돼버려요. 그리고 소문자로 쓰여야 할 태그들이 대문자로 써지는 문제도 있고요.

익스나 크롬 양쪽에서 문제가 생긴다면 더 쉽게 문제를 수정할 수 있는 크롬을 사용하는 편이 낫죠. 그렇다고 매번 수동으로 고칠 수 없어서 한 번에 수정할 수 있는 유틸을 사용하는데 이걸 공유합니다. (개인적으로 사용하는 건 조금 더 많은 기능이 있는데, 이건 제 블로그의 특성에 맞게 고쳐놓은 거라서 필요한 부분만 뗐습니다.)

tistory_chrome_v2.exe

사용법은 간단합니다.

1. 일단 크롬에서 글을 다 씁니다.
2. HTML 모드로 들어가서 본문을 전부 복사합니다.
3. 다운받은 유틸을 실행시킵니다.
4. 끝 메시지가 나오면 다시 티스토리 글쓰기의 HTML에 붙여넣습니다.

<span style="font-size: 9pt; line-height: 1.5;">테스트 1</span>, <span style="background-color: transparent;">테스트 2</span>

클립보드에 복사된 내용을 가져와서 <span style="font-size: 9pt; line-height: 1.5;"></span>만 지우고 다시 클립보드로 복사하니까 블로거는 본문 복사 - 유틸 실행 - 붙여넣기만 하면 됩니다.

수정된 후에 삭제되면 안되는 게 삭제됐을 수도 있으니 글의 내용은 꼭 직접 확인하시기 바랍니다.

내용추가

댓글에 네이버에서도 비슷한 문제가 있다는 얘기가 있어서 그것도 수정할 수 있도록 바꿨습니다. 다만 제가 네이버 블로그를 사용하지 않아서 문제가 완전히 해결되는지에 대해서는 장담하지는 못해요.

티스토리에는 사이트 검색 기능이 있죠. 근데 검색과 관련해서 통계로 활용할 수 있는 정보는 키워드의 숫자뿐이에요. 그래서 활용도가 많이 떨어지죠.

한동안 구글 애널리틱스의 사이트 검색 기능을 활성화하려고 했지만 도움말에 나온 대로 매개변수를 적용해봤지만 안되더라고요. 그러던 중에 푸른 바람님의 블로그 Google Analtyics 티스토리 사이트 내 검색 설정을 따라 설정을 바꿨더니 구글 애널리틱스의 사이트 검색 관련 통계를 사용할 수 있게 되었습니다.

앞으로는 티스토리 블로그에서 검색 관련 통계를 조금 더 효율적으로 분석할 수 있게 되어서 여러 측면으로 관리를 해보려고 합니다.

구글 애널리틱스의 사이트 검색

사이트 검색 통계를 보려면 구글 애널리틱스의 보고서 왼쪽 메뉴에서 방문 형태 - 사이트 검색 - 개요를 선택하세요.

개요를 클릭하면 그래프가 있고 가운데 아래 그림처럼 나올 거예요.

"1.60%의 방문에서 사이트 검색을 사용했습니다."라는 문구가 보이죠? 이건 방문자 중에 검색을 사용한 방문자의 비율을 말해요.

검색당 결과 페이지뷰 수는 검색 결과에서 페이지 이동을 한 평균을 말해요. 예를 들어 검색 결과 한 페이지에 20개의 목록이 표시된다고 할 때 검색 결과가 30개라면 1페이지에는 20개, 2페이지에는 남은 10개가 나오잖아요. 이때 검색을 한 후에 1, 2페이지를 이동한 걸 말하는 거죠.

제일 아래 있는 평균 검색 심도는 앞에서 설명한 결과 페이지뷰 수와 달리 검색 결과 페이지의 링크를 열어 확인한 페이지의 평균을 말합니다. 3.35라는 통계는 검색 결과 중에서 3.35개를 클릭해서 열어봤다는 뜻이죠.

검색 후 이탈률은 검색하고 링크를 열어보지 않고 떠난 비율을 말해요. 위 그림에서 18.28%니까 100명 중에 18.28명이 검색만 하고 결과 목록에서 해당 글을 클릭해보지 않고, 그냥 나갔다는 뜻이에요. 검색 후 이탈률이 높으면 검색 기능이 별로 좋지 않다는 뜻이에요. 검색했더니 원하는 결과가 나오지 않아서 아예 열어보지도 않았다는 뜻이니까요. 사실 티스토리의 자체 검색 능력이 별로 좋지 않아서 고민이긴 합니다.

재검색율은 한 번 검색한 후에 또 다른 단어를 검색한 걸 말해요.

대게 검색당 결과 페이지뷰 수와 재검색율은 낮을수록 좋습니다. 검색당 결과 페이지뷰 수가 높다는 건 검색 결과에서 원하는 내용을 바로 찾지 못하고 다음 페이지로 이동을 했다는 뜻이거든요. 마찬가지로 재검색율이 높다는 건 한 번의 검색으로 원하는 결과를 얻지 못하고 여러 번 검색을 해서 겨우 원하는 내용을 찾았다는 뜻이고요.

네이버에서 "맛집"이라는 검색을 했다고 해보죠. 첫번째 결과 페이지에서 만족할 만한 식당을 찾았다면 2페이지, 3페이지로 넘어갈 필요가 없이 거기서 검색을 끝낼 거예요. 첫번째 결과 페이지에서 만족할 만한 식당을 찾지 못했을 때 2, 3페이지로 넘어가고요. 또, "서울 맛집", "맛있는 식당"처럼 다른 검색어를 이용해서 재검색을 했다는 건 "맛집"이라는 검색어로 검색을 해서 만족할만한 식당을 찾지 못했다는 뜻이기도 하죠.

즉, 검색당 결과 페이지뷰 수와 재검색율이 낮다는 건 한 번의 검색으로 원하는 정보를 바로 찾을 수 있다는 걸 말해요.

물론 반대의 경우도 있습니다. 검색해봤더니 첫번째 결과 페이지에서 소개하는 식당들이 좋아보여서 2, 3페이지에 있는 식당도 보고 싶은 경우도 있을 수 있지요.

여기에 나오는 통계들은 어떻게 해석하느냐에 따라서 좋고 나쁨이 달라질 수 있어서 블로그마다 해석 방법이 달라질 수 있어요.

사이트 검색 활용 정보

다음은 왼쪽 메뉴의 방문형태 - 사이트 검색 - 활용 정보를 클릭했을 때예요. 사이트 검색 횟수, 비율, 페이지뷰, 이탈률 등을 자세히 확인할 수 있어요.

거기서 그래프 바로 위에 보면 "애드센스"라는 항목이 있는데 클릭해보면 아래처럼 나와요.

개요에서 검색한 비율은 전체의 1.60%라고 했는데, 위 표에서 애드센스 수입은 전체의 6.60%죠. 검색하지 않는 경우보다 검색을 하는 경우에 더 많은 수입을 낼 수 있다는 뜻으로 검색을 활성화하면 애드센스 수입이 늘어난다는 걸 확인할 수 있어요.

그래서 검색창이 눈에 잘 띄게 꾸미는 것도 중요합니다. 보통 검색창을 사이드바의 구석에 처박아 놓은 경우가 많은데 그러지 마세요.

본문 검색창 설치로 블로그 페이지뷰 늘리기

사이트 검색의 페이지

다음은 메뉴의 방문형태 - 사이트 검색 - 페이지입니다.

정확히 말해서 푸른 바람님의 블로그 Google Analtyics 티스토리 사이트 내 검색 설정은 검색 통계만 가져오는 게 아니라 카테고리, 태그의 결과도 함께 가져와요. 그래서 순수하게 검색한 결과만 알고 싶거나 태그, 카테고리를 클릭한 경우를 알고 싶다면 이 메뉴를 이용하면 됩니다.

표의 오른쪽 위에 있는 빈칸에 search (혹은 category, tag)를 넣으면 해당 항목만 보여줍니다. 고급을 누르면 정규표현식을 쓸 수도 있어요.

검색이 얼마나 많이 이루어지고 있는지 태그는 제대로 활용되고 있는지 카테고리 목록은 잘 만들어졌는지를 파악할 수 있죠.

카테고리, 검색, 태그를 잘 꾸미면 페이지뷰를 높일수도 있고, 그로 인해 애드센스 수입을 많이 늘릴 수도 있어요. 특히 질좋은 컨텐츠를 많이 가진 블로그로 인식된다면 고정방문자를 모을 수 있고요.

구글 애널리틱스는 굉장히 좋은 분석 도구니까 꼭 적용해서 관련 통계를 바탕으로 블로그를 조금 더 활성화시켜보세요.

함께 보면 좋은 글

블로그 재방문자 비율을 높여야하는 이유
본문 검색창 설치로 블로그 페이지뷰 늘리기

티스토리 사용자라면 다들 구글 애널리틱스를 사용하실 거로 생각합니다.

그런데 최근에 구글 애널리틱스에 접속하면 경고 그림이 떴어요. 바로 "중복 호스트 이름" 경고요. 다른 경고들은 도움말에 나온 대로 따라 하면 해결됐는데, 이상하게 이 문제만은 도움말대로 해도 해결되지 않더라고요. 검색을 해봐도 속 시원하게 해결되는 게 없어서 이리 저리 해보다가 결국 해결책을 찾았습니다. 문제는 정규표현식이었어요.

혹시 같은 문제를 겪고 있는 분들도 이 방법으로 문제를 해결하시라고 알려드립니다.

중복 호스트 이름

구글 애널리틱스의 오른쪽 위 화면 종 모양의 아이콘에 경고 표시가 나오면 클릭하고 "자세히 알아보기"를 누르면 아래 메시지가 나옵니다.

속성에서 중복 호스트 이름에서 전송된 데이터를 수신하고 있습니다. 중복 호스트 이름은 다음과 같습니다.

• mathbang.net
• www.mathbang.net

중복 호스트 이름은 보고서에서 별도의 행으로 집계되므로, 다른 호스트 이름에서 유입되고 사이트의 같은 페이지로 전송되는 조회수의 경우 여러 행으로 나누어 표시됩니다. 데이터가 여러 행으로 나누어진 경우 특정 페이지로 유입되는 트래픽이 실제 트래픽보다 적게 나타날 수 있습니다.
이 문제가 발생하지 않도록 하려면, 중복 호스트 이름 중 하나에서 다른 호스트 이름으로 301 리디렉션을 설정하거나, 찾기 및 바꾸기 필터를 만들어 호스트 이름에서 'www'를 삭제하세요.

mathbang.net과 www.mathbang.net은 같은 사이트인데, 표시 방법이 달라서 집계가 서로 따로 된다는 거죠. 그러니까 하나로 합치라는 경고입니다.

어떻게 합치는지는 "자세히 알아보기"를 누르면 도움말이 표시되는데 그곳에 해결방법이 있어요.

구글 애널리틱스 도움말 - 찾기 및 필터 바꾸기

설명이 긴데 중요한 건 아래 내용이죠.

• 필터 입력란: 호스트 이름
• 문자열 검색: ^www.
• 문자열 교체: <leave this field blank>

호스트 이름 중에 www.으로 시작하는 문자열을 찾아서 공백으로 바꾸라는 뜻이죠. 그러면 www.mathbang.net이 mathbang.net으로 바뀌고 모든 집계가 mathbang.net 하나로 통합될 거예요.

중복 호스트 이름 해결 방법

다시 경고창으로 와서 하단에 있는 "필터 조정"을 클릭합니다. 아니면 상단 메뉴의 관리 - 보기 - 필터 - 새 필터를 선택해도 됩니다.

여기서 새 필터를 추가해야 하는데 도움말에 나온 것만으로는 안되고 몇 가지 더 해야 하는 게 있어요.

• 필터 이름에 아무거나 입력
• 필터 유형은 맞춤의 찾기 및 바꾸기
• 필터 입력란에는 호스트 이름 선택
• 문자열 검색에는 ^www\.
• 문자열 교체는 그냥 빈칸으로

도움말에는 문자열 검색에 ^www.을 넣으라고 되어 있지만 정규표현식으로 넣어야 하니까 점 앞에 역슬래시가 있는 ^www\.을 넣는 게 조금 더 명확한 방법이죠. (정규표현식의 결과만 따지면 둘은 아무 차이가 없는데, 이상하게 저는 ^www.만 넣었을 때는 해결되지 않다가 ^www\.을 넣었을 때 문제가 해결되었습니다. 이게 이 글을 쓰게 된 이유입니다.)

그리고 제일 아래에 "보기에 필터 조정"이라는 항목이 있는데 "사용 가능한 보기" 중에서 블로그와 연결된 보기를 "선택한 보기"에 추가해야 합니다. 필터를 적용할 보기를 선택하지 않고 필터만 만들어 놓으면 아무 소용이 없겠죠? 잘 모르겠으면 거기에 있는 모든 항목을 다 추가하셔도 상관없어요.

끝으로 "저장"을 하세요.

저장한다고 해도 바로 문제가 해결되는 건 아니고 며칠이 지나야 해결됩니다. 문제가 해결된 후에 구글 애널리틱스에 접속했을 때 아래 그림처럼 "V 해결됨"이라고 표시된 걸 볼 수 있어요. 

함께 보면 좋은 글

[블로그/애드센스] - 이탈률, 반송률, 종료율이란? 이탈률 낮추는 방법
[블로그/애드센스] - 본문 검색창 설치로 블로그 페이지뷰 늘리기

학습 블로그다 보니까 댓글로 어떻게 공부해야 하는지 물어보는 학생들이 간혹 있습니다. 그런데 저는 아무런 도움을 줄 수가 없어요. 그 학생이 어떤 수준의 학생인지 어떤 특징을 가지고 있는 학생인지 알 수 없으니까요.

만병통치약이 있다면 그냥 그 약을 먹으면 병이 낫겠죠. 공부에도 확실한 공부 방법이 있다면 그냥 그렇게 공부하면 그만이에요. 하지만 세상에 만병통치약이 없는 것처럼 공부에도 왕도는 없습니다.

세상에는 맛있는 음식이 정말 많아요. 남들이 맛있다고 해서 나에게도 맛있다는 보장은 없습니다. 그게 내 입맛에 맞는지는 직접 먹어봐야 아는 거죠. 세상에는 수없이 많은 공부 방법이 있습니다. 그중에서 가장 좋은 방법은 바로 나에게 맞는 공부 방법이에요. 남들이 성공한 학습 방법이라고 해서 나도 성공할 수 있는 건 아니에요. 직접 해보고 그 결과를 판단해야죠.

좋은 학습 방법과 나에게 맞는 학습 방법은 완전히 다릅니다. 형편없은 학습 방법이라도 내가 거기에 잘 적응해서 좋은 성적을 낸다면 그게 가장 좋은 학습 방법인 겁니다.

세상에 좋은 학습 방법은 없습니다. 나에게 맞는 학습 방법과 그렇지 않은 학습 방법만 있을 뿐입니다.

"이번에 서울대 간 애가 이 방법으로 공부했다더라." 혹은 책에 "이 방법으로 공부하면 성적이 오른다."하면 무작정 따라 하기 바쁘지 않나요? 그럼 나도 그렇게 될 것 같지만 그렇지 않아요. 이것이 나에게 정말 도움이 되는 학습 방법인가 판단해야 합니다. 그러려면 이 방법, 저 방법 많이 사용해봐야겠지요.

좋은 방법 하나만 가지고는 성적을 기대할 수는 없습니다. 여기저기서 자신에게 맞는 걸 추려서 자기만의 독특한 학습 방법을 만드는 것도 좋아요. 상황에 따라 변화하는 학습 방법도 좋고요.

학원도 열심히 다니고 공부도 매일 하는데 성적이 오르지 않는 학생은 지금의 공부 방법이 자신과 맞지 않는 겁니다. 과감하게 새로운 방법을 찾아보세요. 학원 바꾸고 인강 사이트 바꾼다고 해결될 일이 아닙니다. 본인이 바뀌어야 합니다.

그리고 그 모든 판단은 본인이 해야 합니다. 남이 대신해줄 수 없어요.

"이렇게 이렇게 공부하고 있는데 이게 잘하고 있는 건지 모르겠어요." 묻는데 한마디만 해드릴게요. "네가 모르면 누가 아니?"

본인 입에 맞는 음식인지 아닌지는 본인만 아는 것처럼 본인에게 좋은 학습 방법인지 아닌지는 본인만 알 수 있습니다. 공부하기 편하고 이해하기 쉽고, 머릿속에 오래 남는 학습 방법이 좋은 방법입니다.

수학을 공부할 때 어떤 방법이 있는지 모르는 학생도 많이 있는 것 같네요. 그래서 앞으로 시간이 있을 때 수학 공부를 하는 몇 가지 방법들을 소개해보려고 합니다. 소개해드린 방법들을 직접 체험해보고 나는 이 방법이 맞는 것 같다고 생각하면 그 방법으로 꾸준히 공부하고, 맞지 않는 것 같다는 생각이 들면 또 다른 학습 방법을 찾아서 또 시도해보세요.

그리고 중요한 것 한가지. 아무리 자신에게 잘 맞는 학습 방법이라도 노력하지 않으면 아무 소용없어요. 좋은 성적을 받으려면 "나에게 맞는 학습법" + "그 학습법으로 공부하는 노력"이 있어야 합니다.

EPUB은 좀 까다로운 파일입니다. 작은 오류라도 생기면 골치가 아프죠. 그래서 오류를 다 수정해야 하는데, Sigil은 이 오류를 수정하는 도구와 방법을 모두 포함하고 있습니다. 그러니까 Sigil의 사용법만 잘 익히면 완전한 EPUB 파일을 만들 수 있어요.

이 글에서는 Sigil의 도구를 활용해서 EPUB 파일의 오류를 확인하고 그 오류를 수정하는 간단한 방법을 알아보겠습니다. 오류 수정이 끝나면 EPUB 만들기도 끝이에요.

EPUB의 오류 검사, 수정하기

HTML 오류 수정하기

EPUB에 사용하는 파일은 기본적으로 HTML 파일이니까 HTML 기본 문법을 잘 따라야 합니다. IE나 크롬 같은 브라우저에서는 HTML 문법에 오류가 있어도 자체적으로 잘 알아서 표시해주지만 EPUB에서는 그렇지 않고 그냥 오류를 내버립니다. 따라서 문서를 만들 때 HTML 문법 오류가 있는지 매번 확인하고 이를 수정해야 해요.

그나마 다행인 건 미리보기 화면에서 아래 그림처럼 오류가 있는 곳을 아주 자세히 실시간으로 알려준다는 거예요.

가운데에 보면 22째 줄 24번째 글자에 오류가 있다고 그 위치를 알려주죠. 그리고 그 뒤에는 태그가 열리고 닫히는 데 문제가 있다는 내용까지 알려주고요. <p> 태그로 시작했으면 </p> 태그로 끝나야 하는데 이게 맞지 않아서 생기는 오류였습니다. 다른 태그도 마찬가지죠.

CSS 오류 검사하기

HTML 오류 수정에 이어 이번에는 CSS 오류 수정이에요. CSS 오류는 자체적으로 오류 검사를 하지 않고 외부의 W3C에서 실행합니다. CSS에 오류가 있더라도 EPUB 파일을 이용하는데 아무런 문제가 없어요. 하지만 오류가 없어야 만든 사람이 원하는 모양대로 나오죠. 그러니까 오류 검사를 해서 오류를 수정하세요.

EPUB 오류 검사, 수정하기

다음은 마지막으로 EPUB에 대한 오류 검사입니다. 도구 메뉴에 있는 "FlightCrew로 EPUB 검증하기(V) F7 "이에요. 이 오류는 꼭 수정해야 합니다. 여기에 오류가 생기면 EPUB이 제대로 만들어지지 않습니다.

이 도구를 실행하면 제일 아래에 오류 창이 생기고 오류의 자세한 설명이 나옵니다. 오류를 더블클릭하면 해당 오류가 있는 페이지의 줄로 이동하니까 오류를 찾기가 쉬울 거예요. 혹시 오류가 있는 곳으로 이동하지 않는다면 도구 메뉴의 검색 - 찾기 메뉴를 이용해서 찾을 수 있어요.

HTML, PNG, JPG 파일에서 생기는 오류는 오류 내용을 읽어볼 필요도 없어요. 대부분 파일의 주소나 링크가 잘못되어서 생기는 오류입니다.

위 그림의 첫째 줄에서 Sigil_1.png 파일이 오류가 있다고 나오는데, 이 그림 파일을 사용하는 문서에서 이미지 파일의 주소가 틀린 경우죠. 그림 파일의 주소는 "/images/Sigil_1.png"인데, 이 경로가 틀린 거예요. 혹은 문서에서는 이 Sigil_1.png 파일을 넣는 소스 코드가 있는데, 이 그림 파일이 추가되어 있지 않을 때도 오류가 생겨요. 그때는 Images 폴더에 그림 파일을 추가해주면 됩니다.

123.xhtml 문서도 마찬가지로 경로가 틀렸거나 문서가 아예 추가되어 있지 않은 경우고요.

세 번째 줄에 있는 OEBPS/content.opf 오류는 조금 다른데요. 이건 EPUB의 기본요소가 빠져있다는 뜻이에요. language와 title이 없다는 뜻인데, 이건 블로그를 전자책으로 5. Sigil 도구 활용하기에서 소개한 메타데이터 편집기에서 입력하면 됩니다.

아래 창이 열리는데요. 제목, 저자를 입력하고 언어를 선택하고 저장합니다. 그리고 다시 유효성 검증을 하면 오류가 사라질 거예요.

오류 화면의 마지막 줄에 있는 toc.ncx 관련 오류는 위에 나오는 오류를 다 수정한 후에 블로그를 전자책으로 5. Sigil 도구 활용하기에서 소개한  도구 - 차례 - Generate Table of Contents를 실행하면 없어져요.

기본적으로 오류는 파일 관련 오류가 많고 나머지는 도구를 활용해서 수정할 수 있어요. 그러니까 도구 활용법을 잘 알아둬야 하죠.

이렇게 오류를 다 수정하고 나면 저장하세요. 그러면 EPUB 파일이 만들어집니다.

생각보다 귀찮은 작업이고 어려워 보이긴 하지만 두 세 번만 해보면 이해할 수 있어요. 수정해야 할 내용이나 사용하는 도구가 매번 같거든요. 이렇게 만든 EPUB 파일을 블로그에서 공유하거나 전자책 전문 사이트를 통해서 판매할 수도 있습니다.

함께 보면 좋은 글

블로그를 전자책으로 1. 전자책의 종류
블로그를 전자책으로 2. EPUB을 만들기 위한 준비
블로그를 전자책으로 3. Sigil에 대한 소개
블로그를 전자책으로 4. HTML, CSS 파일 만들기
블로그를 전자책으로 5. Sigil 도구 활용하기

전자책은 단순히 HTML문서와 CSS 문서로 되어있지만 그렇다고 문서만 몇 개 모아서는 책이라고 할 수 없잖아요. 그래서 이번에는 책을 책답게 만들어주는 여러 내용을 추가하는 방법을 알아볼 겁니다.

책에는 목차, 표지 등이 있는데요. Sigil에는 이걸 쉽게 만들어 주는 도구가 있어요. 클릭 몇 번으로 아주 간단하게 책을 조금 더 돋보이게 만들어주는 기능이니까 꼭 알고 있어야 하죠. 이걸 실행하지 않으면 나중에 오류가 생길 수도 있으니까 꼭 실행해야 하는 것도 있어요. 도구를 활용하지 않고 HTML 문서를 만들듯이 직접 코드를 입력할 수도 있지만 그래도 있는 건 써먹는 게 좋겠죠.

Sigil 도구 활용하기

책의 표지를 한 번 넣어볼까요? 도구 - Cover를 누르면 창이 열리는데 여기에서 책의 커버를 넣을 수 있어요. 원하는 그림이 있다면 삽입해 보세요.

차례를 한 번 만들어보죠. html 파일로 직접 만들 수 있지만 도구를 이용하면 간단하게 만들 수 있어요.

메뉴의 도구 - 차례 - Generate Table of Contents를 선택합니다.

아래 창이 열려요. 문서를 만들 때 사용했던 헤딩태그 h1, h2, h3, …를 이용해서 자동으로 차례를 만들어 줍니다. 여기서 필요없는 걸 빼고, 순서를 조정한 다음에 OK 버튼을 누르세요.

바뀐 게 아무것도 없는 것처럼 보이지만 왼쪽 "책 찾아보기"의 트리의 마지막 부분에 있는 toc.ncx 라는 파일에 이 저장한 내용이 기록됩니다. 원래 있던 파일인데 내용이 바뀐 겁니다. 따로 추가하거나 수정할 필요는 없으니까 그냥 두시면 됩니다.

다음은 도구 메뉴의 차례 - Create HTML Table of Contents를 선택합니다. 그러면 앞에서 저장했던 내용을 담은 목차 파일을 만들어 줍니다. 아래 그림처럼 책 찾아보기의 Text - TOC.xhtml 파일이 만들어진 걸 볼 수 있어요. 미리보기 화면에서 제대로 만들어졌는지 확인해 보세요.

이번에는 책의 제목이나 만든 사람, 날짜 등을 입력해 볼까요?

도구 - 메타데이터 편집기를 선택합니다.

여기서 제목, 저자, 언어 등을 입력하세요. "기본 항목 더하기" 버튼을 누르면 발행일, 설명 등 더 많은 메타데이터를 입력할 수 있습니다.

이외에도 색인을 만들어주는 Index, 사용하지 않은 파일 삭제 등의 기능이 있으니 한 번씩 사용해보시길 바랍니다.

특히, Generate Table of Contents와 메타데이터 편집을 하지 않으면 나중에 오류 검사를 할 때 오류가 생길 수도 있으니 다른 건 몰라도 이 두 가지는 꼭 실행하세요.

함께 보면 좋은 글

블로그를 전자책으로 1. 전자책의 종류
블로그를 전자책으로 2. EPUB을 만들기 위한 준비
블로그를 전자책으로 3. Sigil에 대한 소개
블로그를 전자책으로 4. HTML, CSS 파일 만들기

2014년 제2회 고등학교 졸업학력 검정고시 기출문제 정답 및 풀이

내분점의 좌표를 구하는 문제네요.

점 A(x₁)와 점 B(x₂)를 m : n으로 내분하는 점 P(x)의 x좌표 공식에 넣어보죠.

x =

답은 ②번 P(6) 입니다.

[고등수학/고1 수학] - 선분의 내분점과 외분점 공식 1 - 수직선

직선의 방정식을 구하는 문제입니다.

두 직선이 수직이면 (기울기의 곱) = -1이에요.

(-3) × a = -1
a =

두 직선이 y축에서 만난다고 했어요. 이 말은 y절편이 같다는 말이에요. y = -3x + 6의 y절편 6이므로 y = ax + b의 y절편도 6이에요.

기울기와 y절편을 알았으니 이제 직선의 방정식을 구해보죠. y = ax + b = x + 6

a = , b = 6이므로 ab =  × 6 = 2

답은 ④번입니다.

[고등수학/고1 수학] - 직선의 방정식, 직선의 방정식 구하기
[고등수학/고1 수학] - 두 직선의 위치관계 - 평행, 일치, 수직

원의 방정식을 구하는 문제입니다.

원의 중심이 (3, 2)이고 원점 (0, 0)을 지나는 원의 방정식이네요.

원의 중심이 (3, 2)이고 반지름이 r인 원의 방정식은 (x - 3)² + (y - 2)² = r²이에요.

이 원의 방정식이 원점 (0, 0)을 지나죠? 대입해보죠.

(x - 3)² + (y - 2)² = r²
(0 - 3)² + (0 - 2)² = r²
3² + 2² = r²
r² = 13

따라서 구하는 원의 방정식은 (x - 3)² + (y - 2)² = 13이네요.

답은 ③번입니다.

[고등수학/고1 수학] - 원의 방정식, 원의 방정식 표준형

직선을 x축에 대칭이동한 방정식을 구하는 문제네요.

도형을 x축에 대하여 대칭이동하면 y 대신 -y를 대입해주면 돼요.

y = 2x + 4 → -y = 2x + 4 → y = -2x - 4

답은 ④번입니다.

[고등수학/고1 수학] - 점과 도형의 대칭이동 - x축, y축, 원점에 대하여 대칭이동

부등식의 영역을 구하는 문제네요.

원점 (0, 0)을 식에 대입해보죠. 0 > 0 - 1이 되어 이 부등식은 참이에요. 따라서 원점이 있는 영역이 부등식의 영역에 해당하죠. 원점이 있는 곳에 함께 있는 점이 문제에서 구하는 점입니다. A, B네요.

답은 ①번입니다.

[고등수학/고1 수학] - 부등식의 영역 - y > f(x), y < f(x)

합성합수의 값을 구하는 문제네요.

합성함수는 순서대로 그냥 구하면 돼요.

(g ο f)(2) = g(f(2)) = g(6) = 1

답은 ①번입니다.

[고등수학/고1 수학] - 합성함수, 함성함수란

이차함수의 최솟값을 구하는 문제네요.

이차함수의 최솟값을 구하려면 표준형으로 바꿔야 해요.

y = (x - 1)(x - 5)
y = x² - 6x + 5
y = (x² - 6x + 9 - 9) + 5
y = (x - 3)² - 4

정의역이 실수 전체의 집합일 때, 아래로 볼록한 이차함수의 최솟값은 꼭짓점의 y좌표이므로 이 이차함수의 최솟값은 -4네요.

답은 ③번입니다.

[고등수학/고1 수학] - 이차함수의 최댓값과 최솟값, 이차함수의 최대최소
[중등수학/중3 수학] - 이차함수의 최댓값과 최솟값, 이차함수의 최대 최소

분수함수 의 그래프는 의 그래프를 x축 방향으로 p만큼, y축 방향으로 q만큼 평행이동한 그래프예요.

이 p와 q는 점근선을 통해서 구할 수 있죠. 세로 방향의 점근선은 x = -1이므로 p = -1, 가로 방향의 점근선은 y = 2이므로 q = 2이에요.

이 그래프가 (0, 1)을 지나므로 대입해보죠.

a + p + q = (-1) + (-1) + 2 = 0

답은 ②번입니다.

[고등수학/고1 수학] - 유리함수 2, 분수함수

부채꼴의 호의 길이를 이용해서 중심각의 크기를 구하는 문제입니다.

공식에 그대로 대입해보죠.

l = rθ
 = 2 × θ
θ =

답은 ②번이네요.

[고등수학/고1 수학] - 부채꼴 호의 길이와 넓이, 호도법이용

동경 OP가 제 4 사분면에 있으니까 sinθ는 음수예요. (올 - 싸 - 탄 - 코)

원의 반지름인 OP의 길이는 피타고라스의 정리를 이용해서 구할 수 있죠? 5예요.

답은 ①번입니다.

[고등수학/고1 수학] - 삼각함수의 뜻, 삼각함수의 정의, sin, cos, tan, 삼각함수 값의 부호

2014년 제2회 고등학교 졸업학력 검정고시 기출문제 정답 및 풀이

집합의 원소를 구하는 문제네요.

U와 A를 원소나열법으로 써보죠.
U = {1, 2, 3, 4, 5, 6, 7, 8, 9, 10}
A = {1, 3, 5, 7, 9}

A ∪ B = {1, 3, 5, 7, 9} ∪ {4, 5, 6, 7} =  {1, 3, 4, 5, 6, 7, 9}
(A ∪ B)^c = U - (A ∪ B} = {2, 8, 10}

따라서 a = 2이고 답은 ②번입니다.

집합의 표현방법 - 조건제시법, 원소나열법, 벤다이어그램
교집합과 합집합
전체집합, 여집합, 차집합

명제의 참, 거짓을 묻는 문제입니다. 사실은 역, 이, 대우의 참, 거짓을 묻는 문제죠.

명제가 참이면 대우도 참이고, 명제가 거짓이면 대우도 거짓이에요. 역이 참이면 이도 참이고, 역이 거짓이면 이도 거짓이죠. 하지만 명제와 역의 참, 거짓은 관계가 없어요.

명제 "두 삼각형이 합동이면 넓이는 같다."는 참이죠? 그렇다면 그 대우도 참이에요. 보기에서 대우를 찾으면 되겠네요.

두 삼각형이 합동이면 넓이는 같다. ↔ 두 삼각형의 넓이가 같지 않으면 합동이 아니다.

①번은 아무것도 아니고, ②번은 명제의 역, ③번은 명제의 이, ④번은 명제의 대우네요.

따라서 답은 ④번입니다.

[고등수학/고1 수학] - 명제의 역, 이, 대우, 삼단논법

연산의 결과를 구하는 문제입니다.

연산 ＊은 연산 기호 앞의 수에서 연산 기호 뒤의 수를 빼는 연산이에요. 이것만 기억하면 쉽죠.

4 ＊ {6 ＊ (-3)}
= 4 ＊ {6 - (-3)}
= 4 * 9
= 4 - 9
= -5

답은 ①번입니다.

[고등수학/고1 수학] - 항등원과 역원, 연산법칙

복소수의 연산문제입니다.

그냥 간단히 대입해서 풀면 되죠. 실수 부분은 실수 부분끼리, 허수 부분은 허수 부분끼리 계산해요.

α + 2β
= (5 - i) + 2(1 + 2i)
= 5 - i + 2 + 4i
= (5 + 2) + (-1 + 4)i = 7 + 3i

답은 ④입니다.

[고등수학/고1 수학] - 복소수의 사칙연산, 분모의 실수화

다항식의 계산입니다. 다항식을 계산해서 미정계수를 구하는 문제지요.

AB = (x + 3)(2x² - x + 1)
= 2x³ + 6x² - x² - 3x + x + 3
= 2x³ + 5x² - 2x + 3
= ax³ + 5x² - 2x + b

두 다항식이 같으려면 동류항의 계수도 같아야 하니까 a = 2, b = 3죠.

a + b = 2 + 3 = 5

답은 ③번입니다.

[고등수학/고1 수학] - 곱셈공식, 곱셈공식 유도, 고1 곱셈공식
[고등수학/고1 수학] - 미정계수법 - 계수비교법, 수치대입법

항등식의 성질을 묻는 문제입니다.

항등식은 x에 어떤 수를 대입해도 항상 성립하는 등식이에요. 문제에 나온 식을 전개해서 정리해보죠.

x² + 5 = (x + 1)² - 2(x + 1) + k
x² + 5 = x² + 2x + 1 - 2x - 2 + k
x² + 5 = x² + k - 1

항등식이려면 양변에서 차수가 같은 항의 계수가 서로 같아야 하므로 상수항 k - 1 = 5여야 해요.

k = 6이므로 답은 ④번입니다.

[고등수학/고1 수학] - 항등식과 항등식의 성질

분수식을 계산하는 문제네요. 분수식을 계산할 때는 분수를 계산할 때처럼 통분, 약분을 해요. 약분할 때는 인수분해를 먼저 하고요.

따라서 답은 ③번입니다.

[고등수학/고1 수학] - 유리식, 분수식, 유리식의 사칙연산

이중근호를 계산하는 문제네요. 더해서 3, 곱해서 2가 되는 수는 2와 1이죠?

답은 ④번입니다.

[고등수학/고1 수학] - 이중근호, 이중근호 풀기

근과 계수와의 관계를 묻는 문제네요. 그런데 여기에 곱셈공식의 변형까지 추가되어 있어요.

α² + β² = (α + β)² - 2αβ예요.

α + β =  = 5
αβ =  = 2

α² + β² = (α + β)² - 2αβ
= 5² - 2 × 2
= 25 - 4
= 21

답은 ②번입니다.

[고등수학/고1 수학] - 이차방정식의 근과 계수와의 관계
[고등수학/고1 수학] - 고1 곱셈공식의 변형, 곱셈공식의 변형 유도
[중등수학/중2 수학] - 곱셈공식의 변형

연립이차부등식의 해를 구하는 문제입니다.

연립이차부등식의 해는 각 부등식의 해의 교집합이죠.

이차부등식은 인수분해를 해서 해를 구하고요.

(x - α)(x - β) < 0     (α < β)꼴일 때, 해는 α < x < β죠. 작은 것과 큰 것 사이예요.

x² - 6x - 7 < 0
(x - 7)(x + 1) < 0
-1 < x < 7

(x - 2)(x - 9) < 0
2 < x < 9

연립부등식의 해는 2 < x < 7

이중 정수는 3, 4, 5, 6의 네 개네요. 답은 ①번입니다.

[고등수학/고1 수학] - 연립이차부등식, 연립이차부등식의 풀이
[고등수학/고1 수학] - 이차부등식, 이차부등식의 해

2014년도 제1회 고등학교 졸업학력 검정고시 기출문제 수학 문제 풀이

좌표평면 위의 점을 대칭이동하고, 두 점 사이의 거리를 구하는 문제네요.

좌표평면 위의 점 P(a, b)를 x축에 대하여 대칭이동하면 y 대신 -y를 넣어주면 돼요. P(a, b) → P'(a, -b)

점 A를 x축에 대하여 대칭이동한 점이 점 C이므로 A(3, 6) → C(3, -6)

두 점 B(-2, 6), C(3, -6) 사이의 거리를 구해보죠.

 > 0이므로  = 13이네요.

답은 ④번 입니다.

[고등수학/고1 수학] - 점과 도형의 대칭이동 - x축, y축, 원점에 대하여 대칭이동
[고등수학/고1 수학] - 두 점 사이의 거리, 좌표평면위의 두 점 사이의 거리

직선의 방정식을 구하는 문제네요.

문제에서 구하는 직선을 y = ax + b라고 해보죠.

두 직선이 수직이면 (기울기의 곱) = -1이에요. y = -2x + 4의 기울기 -2와 y = ax + b의 기울기 a를 곱해서 -1이어야 해요.

-2 × a = -1
a =

y = x + b가 점 (0, 2)를 지나요. 그런데 (0, 2)는 y절편이에요. 기울기와 y절편을 알고 있으니 직선의 방정식을 구할 수 있죠? y = x + 2네요.

답은 ③번입니다.

[고등수학/고1 수학] - 두 직선의 위치관계 - 평행, 일치, 수직
[고등수학/고1 수학] - 직선의 방정식, 직선의 방정식 구하기

축에 접하는 원의 방정식을 구하는 문제군요.

반지름이 r인 원의 방정식이 축에 접할 때, 반지름 r은 꼭짓점 y좌표의 절댓값과 같아요. 꼭짓점 y좌표가 1이네요. x좌표는 2고요.

(x - 2)² + (y - 1)² = 1²

답은 ①번입니다.

[고등수학/고1 수학] - 축에 접하는 원의 방정식

점의 평행이동을 구하는 문제네요.

점을 좌표평면 위에서 평행이동하면 평행이동한 만큼을 점의 좌표에 대해줘요. 반대로 도형은 평행이동한 만큼 빼줘야하고요. 이 둘을 잘 구별하세요.

(-2, 1) → (-2 + 3, 1 + 2) → (1, 3)

답은 ②번입니다.

[고등수학/고1 수학] - 평행이동, 점과 도형의 평행이동

부등식의 영역을 구하는 문제군요.

먼저 부등식의 경계를 이루는 원의 방정식을 먼저 구해보죠. 중심이 원점 (0, 0)이고 반지름이 3이네요. 경계선이 점선으로 제외되어 있으니까 등호가 들어있지 않아요.

x² + y² > 3³ or x² + y² < 3² 둘 중 하나일 거예요.

그래프에서 원점 (0, 0)은 어두운 부분이 아니니까 위 두식에 원점 (0, 0)을 넣어서 거짓이 되는 식이 문제에서 찾는 식이에요.

따라서 답은 ④번 x² + y² > 9입니다.

[고등수학/고1 수학] - 원의 방정식, 원의 방정식 표준형
[고등수학/고1 수학] - 부등식의 영역 2 - f(x, y) > 0, f(x, y) < 0

합성함수의 값을 구하는 문제네요.

합성함수는 그 순서대로 대입해서 풀어요. (g ο f)(x) = g(f(x))가 되는 거죠.

(g ο f)(1)
= g(f(1))
= g(3 × 1² + 1)
= g(4)
=  × 4 + 3
= 5

답은 ②번입니다.

[고등수학/고1 수학] - 합성함수, 함성함수란

정의역을 알려줬을 때 함수의 최댓값을 구하는 문제네요.

문제에서 준 함수의 이차항의 계수가 음수이므로 위로 볼록한 함수죠. 위로 볼록한 함수의 꼭짓점의 x좌표가 정의역에 포함되어 있으면 최댓값은 꼭짓점에서 생겨요. 꼭짓점의 x좌표가 정의역에 포함되지 않으면 양쪽 경계값중 하나가 최댓값이고요.

문제에서는 꼭짓점의 x좌표가 1로 정의역 -1 < x < 2에 포함되므로 이 함수의 최댓값 3은 x = 1일 때 함숫값이에요.

y = -(x - 1)² + a에 x = 1, y = 3을 대입해보죠.

3 = -(1 - 1)² + a
a = 3

답은 ③번입니다.

[고등수학/고1 수학] - 이차함수의 최댓값과 최솟값, 이차함수의 최대최소

(a ≠ 0)의 그래프는  (a ≠ 0)의 그래프를 x축 방향으로 p만큼, y축 방향으로 q만큼 평행이동한 그래프예요.

문제에서는 a = 1이므로 의 그래프는 의 그래프를 x축 방향으로 a만큼, y축 방향으로 b만큼 평행이동한 그래프죠. 문제의 그래프는 의 그래프를 x축 방향으로 2만큼, y축 방향으로 3만큼 평행이동한 그래프이므로 a = 2, b = 3이에요.

a + b = 2 + 3 = 5

답은 ③번입니다.

[고등수학/고1 수학] - 무리함수, 무리함수의 그래프
[고등수학/고1 수학] - 무리함수 2. 무리함수 그래프의 평형이동

반지름의 길이 r과 중심각의 크기 θ를 알 때, 부채꼴의 넓이를 구하는 문제네요.

S = r²θ
=  × 2² × π
= π

답은 ④번입니다.

[고등수학/고1 수학] - 부채꼴 호의 길이와 넓이, 호도법이용

삼각함수를 구하는 문제네요.

θ가 제 2 사분면의 각이므로 tanθ는 음수예요. (올 - 싸 - 탄 - 코)

tanθ =

답은 ①번입니다.

[고등수학/고1 수학] - 삼각함수의 뜻, 삼각함수의 정의, sin, cos, tan, 삼각함수 값의 부호

블로그를 전자책으로 만들기 쉬운 이유는 바로 둘 다 기본 형식이 HTML과 CSS로 되어 있어서예요. 물론 HTML로 된 문서가 아니더라도 전자책으로 만들 수 있긴 하지만 블로그의 글들은 이미 HTML로 되어 있으니 그 중간 과정을 많이 생략할 수 있죠.

Sigil에서 HTML, CSS 문서를 만드는 건 블로그의 스킨을 수정할 때나 글을 쓸 때 HTML, CSS를 사용하는 것과 완전히 같아요. 그러니까 스킨 수정을 많이 해봤거나 글을 쓸 때 HTML 모드를 이용해봤으면 별로 어렵지 않은 작업입니다. 물론 HTML, CSS에 대해서 전혀 몰라도 Sigil에서 문서를 만드는 건 가능하긴 한데 될 수 있으면 간단한 HTML, CSS에 대해서는 공부를 하는 것이 좋겠네요.

HTML, CSS 문서 만들기

CSS 문서 만들기

CSS 문서를 만드는 방법은 두 가지예요. 하나는 에디트플러스나 노트패드++ 등을 이용해서 CSS 파일을 만들어서 Sigil에 추가하는 거고요. 다른 하나는 Sigil에서 직접 만드는 거죠.

도구 메뉴에 있는 "+" 모양의 아이콘을 선택하거나 책 찾아보기의 Style 폴더에 마우스 오른쪽을 클릭해서 "기존 파일 추가"를 하면 이미 만들어진 css 파일을 추가할 수 있어요. Sigil에서 직접 css 파일을 만들고 싶으면 위 그림의 마우스 오른쪽 메뉴에서 "빈 스타일시트 추가"를 선택하면 돼요. 그러면 빈 스타일시트 문서가 만들어지는데 거기에 css를 작성하세요.

CSS는 블로그를 전자책으로 2. EPUB을 만들기 위한 준비에서 간단히 다뤘던 수준이면 됩니다. body, p, ul, ol, blockquote 등에 사용할 것만 있으면 돼요.

body {
color:#333;
font-size: 14px;
font-family: NanumGothic, Sans-serif;
padding:20px 10px
}

h1 {
font-size: 2em;
margin: 15px
}

뭐 이런 식이 되겠죠.

나는 CSS가 뭔지 전혀 모르겠다 하시는 분은 간단한 방법이 있어요. 티스토리 스킨 편집의 HTML/CSS 편집에서 CSS를 그대로 가져다 쓰는 거예요. 다 가져올 필요는 없고, body 부분을 가져오세요. 그리고 스킨마다 다르긴 하겠지만 대부분 스킨에 .article 어쩌고 {  } 하는 부분이 있을 거예요. 여기를 다 복사해오는데 .article 부분은 삭제하고 복사하는 겁니다. 예를 들어 .article p {   } 이렇게 되어있다면 .article을 지우고 p {  }만, .article a {  }이라면 a { }만 복사하는 거죠.

나는 이마저도 모르겠다 하시는 분은 그냥 빈 문서 그대로 놓으세요. 따로 방법이 있어요.

HTML 문서 만들기

HTML 문서를 만드는 방법도 CSS 문서 만드는 방법과 별로 다르지 않아요. CSS 파일을 추가하는 것과 똑같습니다. 이미 만들어진 문서를 추가하거나 빈 HTML 문서를 추가하는 거죠.

HTML 문서를 만들 때는 WYSIWYG 방식인 책 보기와 HTML 소스를 직접 편집하는 코드 보기 두 가지 방식이 있어요. 편한 대로 골라서 사용하세요. 하지만 EPUB에서는 HTML에 문법 오류가 있으면 안 되니까 어찌 됐든 코드 보기 방식을 통해서 오류를 바로잡고, 자잘한 수정을 많이 해야 해요.

블로그의 글을 화면에 보이는 그대로 복사해서 "책 보기" 방식에 붙여넣으면 CSS를 style로 그대로 적용해요. 그러니까 CSS를 전혀 모르는 분들은 글을 그대로 복사해다 붙여넣는 방법을 이용하면 편리합니다.

그런데 그냥 그대로 붙여넣으면 CSS 한 줄이면 될 것도 모든 문단, 모든 요소에 style이 붙어서 코드 보기에서 편집하기에 좋지 않아요. 그래서 그냥 블로그의 텍스트만 복사해서 붙이고 CSS는 CSS 파일에 넣는 게 좋죠.

스타일이 적용되지 않은 단순한 글만 가져다 붙이고, 나머지 편집은 도구 모음의 아이콘을 이용하거나 직접 HTML을 이용해서 작성하면 작성하는 도중은 귀찮지만 나중에 보정을 할 때 훨씬 편해집니다.

주의해야 할 점은 사진이나 동영상도 모두 EPUB 안에 포함되어야 한다는 거예요. 그러니까 HTML 문서를 만들기 전에 해당 글에 있는 그림 파일은 모두 내려받아 놓으세요. 그냥 글 전체를 복사해서 붙이면 웹 주소에 있는 그림을 가져다가 보여주니까 제대로 된 거처럼 보이지만 나중에 EPUB을 만든 후에는 보이지 않으니까 꼭 직접 하나씩 다 넣어줘야 해요.

그림 파일은 넣을 때는 아래 그림의 아이콘을 이용해서 넣으면 됩니다. 그림을 추가하면 그 그림 파일은 자동으로 EPUB 안에 포함돼요. "책 찾아보기"의 Images의 하위 메뉴에 그림이 추가된 걸 볼 수 있을 거예요.

그림도 문서처럼 전체를 "책 찾아보기"에 한 번에 추가한 다음에 문서를 편집할 때 넣을 수 있지만 그림을 하나씩 삽입하는 게 빠뜨리지 않고 실수를 줄이는 방법이죠.

그리고 또 주의해야 할 게 링크예요. 글을 그냥 그대로 복사해서 붙이면 링크 주소도 그대로 복사되죠. 예를 들어 블로그의 글에 있는 글을 복사했는데, 내용 중에 내부링크 http://mathbang.net/123이 들어있다면 이 http://mathbang.net/123이라는 글도 123.html이라는 이름으로 만들어서 EPUB 안에 넣어주고 링크 주소를 바꿔줘야 해요.

http://mathbang.net/123 → ./123.html

이 문서를 EPUB 안에 포함하지 않을 거라면 클릭이 되지 않도록 http://mathbang.net/123이라고 그냥 단순한 문자로 표시하는 게 좋아요.

링크 주소를 수정하는 게 어렵다면 일단 문서를 다 만들어서 책 목록보기에 파일을 다 추가한 후에 도구 메뉴를 이용해서 링크만 따로 연결해도 괜찮아요. 링크를 수정하는 건 위 그림에서 오른쪽 끝에 있는 클립모양의 아이콘을 이용합니다.

EPUB 안에서 사용하는 그림, 동영상, 링크된 문서는 모두 EPUB 안에 포함되게 하는 것이 좋습니다. 그 안에서 모든 것을 다 할 수 있도록 말이죠. 반대로 말하면 EPUB 안에서 사용하는 그림, 동영상, 링크된 문서가 모두 EPUB 안에 있어야 해요. 파일이 없다면 아래 같은 오류 메시지가 나와요.

This OPS document is reachable but not present in the OPF <spine>. "Reachable" means that a reference of some kind that points to this resource exists in the epub.

• 본문을 그대로 복사해서 붙이거나 문자만 붙인 후에 HTML 코드를 직접 편집
• 사진, 동영상, 링크된 문서는 모두 EPUB 안에 포함시키고 그 링크도 EPUB 내부 링크로 수정

이 두 가지만 기억하면 되겠네요.

함께 보면 좋은 글

블로그를 전자책으로 1. 전자책의 종류
블로그를 전자책으로 2. EPUB을 만들기 위한 준비
블로그를 전자책으로 3. Sigil에 대한 소개

2014년도 제1회 고등학교 졸업학력 검정고시 기출문제 수학 문제 풀이

집합의 원소를 구하는 문제네요.

B를 원소나열법으로 써보면 B = {1, 3, 5, 7, 9}예요.

A∪B에서 B의 원소를 제거해보죠. (A∪B) - B = {2, 4}

집합 A는 2, 4를 반드시 포함하는 집합이어야 하므로 a = 4인 걸 알 수 있어요.

답은 ③번입니다.

집합에서 원소란?
집합의 표현방법 - 조건제시법, 원소나열법, 벤다이어그램
교집합과 합집합

명제: x = 2이면 x² = 4이다.
역: x² = 4이면 x = 2이다.
이: x ≠ 2이면 x² ≠ 4이다.
대우: x² ≠ 4이면 x ≠ 2이다.

x의 범위가 나오지 않았지만 실수라고 해보죠.

x² = 4면 x = ±2이므로 역은 거짓이에요.

x ≠ 2이더라도 x = -2면 x² = 4이므로 이도 거짓이에요.

x² ≠ 4면 x ≠ ±2이므로 대우는 참이에요.

이 문제는 이렇게 직접 명제의 참/거짓을 판별해도 되지만 명제의 성질을 알고 있으면 더 쉽게 풀 수 있어요.

명제와 대우는 참/거짓이 똑같아요. 명제가 참이면 명제의 대우도 참입니다. 명제가 거짓이면 대우도 거짓이지요. 마찬가지로 역과 이도 참/거짓이 같아요. 단, 명제, 대우와 이, 역의 참/거짓은 같을 수도 있고 다를 수도 있어요.

문제에서 명제가 참이라고 했으니 대우도 참이에요. 보기 중에 대우를 포함하고 있는 건 ②, ④번이네요. 그런데 ④번에서 이가 참이면 역도 참이니까 보기에 역도 들어있어야 하는데 역이 없죠? 따라서 ④번도 답이 아니에요. 결국 ②번이 답입니다.

[고등수학/고1 수학] - 명제의 참, 거짓, 반례
[고등수학/고1 수학] - 명제의 역, 이, 대우, 삼단논법

역원은 연산한 결과가 항등원이 나오도록 하는 걸 말하죠. 항등원은 연산한 결과가 자기 자신이 되도록 하는 걸 말하고요.

덧셈에 대한 항등원은 0이에요. 문제에서 구하라고 한 역원을 x라고 하면 (1 + ) + x = 0이 되는 x를 구하면 돼요.

(1 + ) + x = 0
x = -1 -

답은 ①번입니다.

[고등수학/고1 수학] - 항등원과 역원, 연산법칙

복소수가 같을 조건을 묻는 문제예요.

복소수가 같으려면 실수 부분끼리 같고, 허수 부분끼리 같아야 하죠?

우변 0 = 0 + 0i로 실수 부분 = 0, 허수 부분 = 0이에요. (a + 1) + (b - 3)i = 0 = 0 + 0i

a + 1 = 0, b - 3 = 0이어야 해요.

a = -1, b = 3이므로 a + b = - 1 + 3 = 2

답은 ④번입니다.

[고등수학/고1 수학] - 복소수, 허수와 허수단위

다항식을 전개해서 계수를 구하는 문제네요.

다항식의 곱을 전개해서 계수를 비교하면 되겠네요. 두 다항식이 같으려면 차수가 같은 항의 계수도 같아야 하니까요.

(2x + 1)(x - 2) = ax² + bx + c
2x² - 3x - 2 = ax² + bx + c

a = 2, b = -3, c = -2

a + b + c = 2 + (-3) + (-2) = -3

답은 ②번이군요.

[고등수학/고1 수학] - 곱셈공식, 곱셈공식 유도, 고1 곱셈공식
[고등수학/고1 수학] - 미정계수법 - 계수비교법, 수치대입법

항등식의 성질을 이용해서 나머지를 구하는 문제입니다. 나머지정리라고 하죠.

f(x) = x² - 3x + 5 = (x - 1)Q(x) + R

나머지정리를 이용하면 나머지 R만 바로 구할 수 있죠? 우변에 나머지 R만 남고 (x - 1)Q(x) = 0이 되도록 x = 1을 대입해보죠.

f(1) = 1 - 3 + 5 = (1 - 1)Q(1) + R
R = 3

답은 ④번입니다.

[고등수학/고1 수학] - 나머지정리, 인수정리

분수식의 계산을 할 때는 일반 분수를 계산할 때처럼 통분을 해요. 그리고 약분도 하고요. 인수분해를 할 수 있으면 인수분해를 해서 약분을 하죠.

문제에서 준 식은 분모가 같으니까 따로 통분할 필요가 없네요.

답은 ②번 1입니다.

[고등수학/고1 수학] - 유리식, 분수식, 유리식의 사칙연산

이중근호를 푸는 문제네요.

꼴의 이중근호를 풀면 문제에 나온 것처럼  - 꼴로 풀려요.

더해서 5, 곱해서 6이 되는 두 수는 2와 3이에요. 그런데 가운데 부호가 음수니까 앞에 있는 수가 더 커야 해요. 문제 마지막에 괄호에 나온 것처럼 a > b여야 하죠. a = 3, b = 2네요.

a + b = 3 + 2 = 5

답은 ③번입니다.

[고등수학/고1 수학] - 이중근호, 이중근호 풀기

근과 계수와의 관계를 묻는 문제입니다. 물론 두 근 α, β를 직접 구해서 계산해도 되지만 근과 계수와의 관계를 이용하면 훨씬 간단하죠.

ax² + bx + c = 0 (a ≠ 0)의 두 근을 α, β라고 할 때, α + β = , αβ = 죠.

α + β + α, β + 1
=  +  + 1
=  +  + 1
= -1

답은 ①번이네요.

[고등수학/고1 수학] - 이차방정식의 근과 계수와의 관계

연립이차부등식의 해를 구하는 문제네요.

연립부등식의 해는 각 부등식의 해를 구한 다음 두 부등식의 해의 공통부분을 구하는 거죠. 두 번째 부등식은 이차부등식인데 부등식이 0보다 작으니까 해는 작은 것과 큰 것 사이예요.

3x - 6 > 0
3x > 6
x > 2

(x - 1)(x - 4) < 0
1 < x < 4

두 부등식 해의 공통부분은 2 < x < 4네요.

α = 2, β = 4이므로 α + β = 6입니다.

답은 ③번.

[고등수학/고1 수학] - 이차부등식, 이차부등식의 해
[고등수학/고1 수학] - 연립이차부등식, 연립이차부등식의 풀이

2014년도 제2회 고등학교 입학자격 검정고시 수학 기출문제 풀이

이등변삼각형의 내각의 크기를 구하는 문제네요.

이등변삼각형의 두 밑각은 크기가 같아요. ∠ABC = ∠BAC = x

그리고 삼각형의 (한 외각의 크기) = (이웃하지 않은 두 내각의 크기의 합)이죠? 따라서 x + x = 80이에요.

x + x = 80
x = 40

답은 ③번 40°입니다.

[중등수학/중2 수학] - 이등변삼각형의 성질, 이등변삼각형이 되는 조건
[중등수학/중1 수학] - 삼각형 내각의 합과 외각의 크기, 외각의 합

평면도형의 성질을 묻는 문제네요.

ㄱ. 평행사변형은 정사각형이 아니라 정사각형이 평행사변형의 한 종류죠? 틀렸네요.

ㄴ. 이등변삼각형의 두 변의 길이는 같으므로 맞아요. 이름에서 바로 알 수 있어요.

ㄷ. 삼각형 세 내각의 크기의 합은 180° 맞아요.

ㄹ. 정다각형은 내각의 크기가 모두 같은 다각형으로 정삼각형은 각이 세 개 있으니까 세 내각의 크기가 모두 같으므로 이것도 맞아요.

ㄴ, ㄷ, ㄹ이 맞았으므로 답은 ③번입니다.

[중등수학/중2 수학] - 정사각형의 성질, 정사각형이 되는 조건
[중등수학/중2 수학] - 이등변삼각형의 성질, 이등변삼각형이 되는 조건
[중등수학/중1 수학] - 삼각형 내각의 합과 외각의 크기, 외각의 합
[중등수학/중1 수학] - 다각형, 내각, 외각, 정다각형

닮음비를 주고 넓이를 구하는 문제네요.

평면도형에서 닮음비가 m : n이면 넓이의 비는 m² : n²이에요.

닮음비와 작은 원의 넓이를 알고 있으니 큰 원의 넓이를 구할 수 있죠?

닮음비가 1 : 2니까 넓이의 비는 1² : 2² = 1 : 4네요.

1 : 4 = 3π : S
S = 12π

답은 ③12πcm²입니다.

[중등수학/중2 수학] - 닮은 도형의 넓이의 비와 부피의 비 1

정사각형의 한 변의 길이를 구하는 문제네요.

정사각형 한 변의 길이를 x라고 하면 넓이는 x²이죠?

x² = 8
x = ±2

x는 타일의 길이이므로 양수니까 답은 ②2cm네요.

[중등수학/중3 수학] - 제곱근의 뜻과 표현

이차항의 계수가 1인 이차식의 인수분해입니다.

x² + (a + b)x + ab = (x + a)(x + b)

이차항의 계수가 1일 때는 더해서 일차항의 계수 2, 곱해서 상수항 -8이 되는 두 수를 찾으면 돼요. -2와 +4면 되겠네요.

x² + 2x - 8
= (x - 2)(x + 4)

답은 ①번입니다.

[중등수학/중3 수학] - 인수분해 공식 두 번째

이차방정식의 근을 활용하는 문제네요.

인수분해가 되어 있으니 (x + 1)(x - 3) = 0의 두 근은 바로 구할 수 있죠? x = -1 or x = 3

m = -1, n = 3이라고 하면 m² + n² = (-1)² + 3² = 10

답은 ④번입니다.

[중등수학/중3 수학] - 인수분해를 이용한 이차방정식의 풀이

이차함수 그래프의 평행이동에 대한 문제예요.

이차함수 y = ax²의 그래프를 x축 방향으로 p만큼 이동하면 x 대신 x - p를 넣어주고, y축 방향으로 q만큼 평행이동하면 y 대신 y - q를 넣어주면 돼요.

이 문제에서는 y = x²의 그래프가 x축 방향으로 2만큼 평행이동 했으니까 x 대신 x - 2, y축 방향으로 -1만큼 평행이동 했으니까 y 대신 y - (-1)을 넣어주면 되겠네요.

y - (-1) = (x - 2)²
y = (x - 2)² - 1

아니면 그래프를 보고 구할 수도 있어요. 그래프의 꼭짓점의 좌표가 (p, q)이고 이차항의 계수가 a인 이차함수는 y = a(x - p)² + q예요.

이 문제에서는 꼭짓점의 좌표가 (2, -1)이고 이차항의 계수가 1이니까 y = (x - 2)² - 1이죠.

답은 ①번입니다.

[중등수학/중3 수학] - 이차함수 그래프, y = (x - p)² + q

삼각형 변의 길이를 구하는 문제예요.

큰 삼각형안에 작은 직각삼각형이 두 개있어요. 피타고라스의 정리를 이용해서 문제를 풀어야 겠네요.

x는 왼쪽의 작은 직각삼각형에서 구할 수 있어요.

20² = x² + 16²
x² = 20² - 16²
x² = 400 - 256
x² = 144
x = ±12

x = 12 (x > 0)

y는 오른쪽 작은 직각삼각형에서 구할 수 있어요.

13² = y² + x²
y² = 13² - x²
y² = 169 - 144
y² = 25
y = ± 5

y = 5 (y > 0)

x = 12, y = 5이므로 x + y = 12 + 5 = 17이에요.

이 문제는 피타고라스의 수를 외워두면 쉽게 풀 수 있어요. 3 : 4 : 5, 5 : 12 : 13이 가장 대표적인 피타고라스의 수죠.

x : 16 : 20 = x/4 : 4 : 5이므로 x/4 = 3이라는 걸 알 수 있어요. x = 12

y : 12 : 13 = 5 : 12 : 13이므로 y = 5라는 걸 바로 알 수 있죠.

답은 ④번 17입니다.

[중등수학/중3 수학] - 피타고라스의 정리, 피타고라스의 정리 증명

한 원에 두 현을 그었을 때, 두 현이 만나는 교점에서 두 현에 이르는 거리의 곱은 서로 같아요.

공식에 바로 대입해보죠.

x × x = 4 × 9
x² = 36
x = ±6

x > 0이므로 x = 6cm입니다.

답은 ①번이네요.

[중등수학/중3 수학] - 원과 비례, 원과 비례 증명

삼각비를 구하는 문제네요.

삼각비를 구하려면 먼저 의 길이를 먼저 구해야 해요. △ABC가 직각삼각형이니까 피타고라스의 정리를 이용해서 구할 수 있죠.

 = 3 ( > 0)이네요.

여기도 마찬가지로 피타고라스의 수 3 : 4 : 5를 외우고 있다면 위 계산과정없이 바로  = 3을 구할 수 있죠.

문제에서 구하라고 했던 tanB를 구해보죠.

답은 ②번이네요.

[중등수학/중3 수학] - 피타고라스의 정리, 피타고라스의 정리 증명
[중등수학/중3 수학] - 삼각비, sin, cos, tan

전자책을 만드는 방법에 따라 사용하는 프로그램은 여러 가지가 있을 수 있습니다. 전자책은 기본적으로 HTML과 CSS를 이용해서 만드니까 이 둘을 지원하는 프로그램은 무엇이든 상관없죠. 심지어 아래아 한글에서 문서를 만들고 이걸 HTML로 저장해도 괜찮습니다. HTML 파일을 EPUB으로 변환하기만 하면 되니까요.

하지만 직접 HTML과 CSS를 이용해서 만든다면 사용하기 쉽고 가장 많이 사용하는 프로그램이 바로 Sigil일 겁니다. 오픈소스로 무료인데가 전자책을 만들 때 도움을 주는 기능 (목차, 오류 검사)을 다 사용할 수 있으니까요.

이 글에서는 일반적인 편집기와 다른 점 위주로 해서 Sigil에 대해서 간단히 설명할게요.

Sigil - EPUB 제작, 편집 프로그램

Sigil은 오픈소스로 누구나 무료로 사용할 수 있어서 EPUB 전자책을 만들 때 많이 사용하는 프로그램입니다. 한글도 지원하니까 사용하기에 불편하지는 않을 거예요. 처음 접하는 프로그램이지만 대부분은 일반적인 편집기나 티스토리 글쓰기에서 사용하는 기능과 비슷해서 문서를 만드는 것 자체는 어렵지 않을 겁니다.

문서를 만든 다음 이걸 전자책으로 바꾸는 과정에서 몇 가지가 추가되는데, 이런 기능도 몇 번 해보면 금방 익숙해질 거예요.

Sigil 내려받기
Sigil 사용법(영어)

Sigil을 처음 실행시키면 가장 위에 메뉴, 왼쪽에 책 찾아보기(파일 목록), 가운데 편집창, 오른쪽에 미리보기 창이 나와요. 나중에 따로 나오겠지만 하단에는 오류를 알려주는 창이 나옵니다.

먼저 제일 위의 메뉴부터 보죠.

도구 메뉴입니다. 일반 문서 편집기와 아이콘만 다를 뿐 기능은 별반 다르지 않아요. 아이콘 위에 마우스를 올리면 풍선 도움말이 나오니까 확인해보세요. 물론 가장 기본적인 글자의 크기와 색을 지정하는 아이콘이 없는데, 이건 CSS에서 직접 적어줘야 합니다.

빨간색으로 표시된 게 꼭 알아야 할 아이콘인데 자세히 알아보죠.

+ 모양의 아이콘은 파일을 추가하는 아이콘입니다. 이미 만들어진 HTML, CSS 파일은 물론 사진, 동영상 파일을 추가할 수 있어요.

바로 티스토리 글쓰기에는 두 가지 모드가 있죠? 하나는 글쓰기 모드, 하나는 HTML 모드죠. 두 번째 네모친 아이콘이 바로 그 기능이에요. 왼쪽에 있는 책을 펼친 모양의 아이콘이 일반 글쓰기 모드, 오른쪽에 있는 <> 아이콘이 HTML 모드예요. Sigil에서는 책 보기, 코드 보기라는 이름을 사용합니다. F2를 누르면 둘 사이를 왔다 갔다 할 수 있어요.

Sigil의 책 보기 모드는 위지윅(WYSIWYG)이라서 굳이 미리보기를 하지 않아도 실제 모습과 거의 비슷하게 나옵니다. 특히 CSS파일에 있는 내용까지 적용해서 보여주니까 더 좋죠. 티스토리 글쓰기 화면은 외부 CSS에서 사용하는 Style은 적용되지 않는데 비해 훨씬 직관적이라고 할 수 있어요.

또, 티스토리 글쓰기 화면의 HTML 모드에서는 도구바의 아이콘을 사용할 수 없지만 Sigil에서는 코드 보기에서도 도구바의 아이콘을 대부분 그대로 사용할 수 있어서 정말 편리합니다. 예를 들어 HTML 모드(코드 보기)에서 글자를 선택하고 링크를 넣을 수 있죠.

i 모양의 아이콘은 메타 데이터를 편집하는 아이콘으로 책의 제목, 저자, 언어 등 EPUB의 정보를 편집하는 창이 열립니다. 그 옆의 아이콘은 차례를 만들어주는 아이콘으로 본문에서 헤딩태그인 HX를 사용한 걸 찾아서 자동으로 목차를 만들어 줍니다.

제일 오른쪽에 있는 V자 모양의 아이콘은 만들어진 EPUB이 유효한 양식으로 만들어졌는지 검사해주는 아이콘입니다. 보통 HTML 문서는 사소한 오류가 있더라도 브라우저가 그 오류를 무시하거나 혹은 오류를 그대로 포함해서 보여주는 데 비해 EPUB은 아주 사소한 오류가 있으면 파일 전체가 열리지 않는 경우도 많아요. 따라서 이 오류 검사를 통해서 모든 오류를 제거해야 제대로 된 EPUB을 만들 수 있습니다. 오류를 검사하면 어떤 파일 몇 번째 줄에서 오류가 있는지를 자세히 알려주니까 그걸 보면서 하나씩 해결할 수 있어요.

그 외에도 도구 메뉴의 하위 메뉴에 "W3C로 스타일시트 검증하기"가 있는데, 이건 오류가 있다고 해서 특별히 문제를 일으키지는 않지만 되도록 검사해서 오류를 줄이는 게 좋겠죠? 그리고 사용하지 않는 미디어 파일을 삭제해서 EPUB 파일의 용량을 줄이는 것도 좋습니다.

왼쪽에 있는 파일 목록입니다. EPUB은 HTML, CSS, 사진, 동영상 등의 파일을 포함하는데요. 이 안에 들어있는 파일을 보여주는 창입니다. 파일을 선택해서 삭제할 수도 있고, 추가할 수도 있어요. 더블 클릭하면 수정, 편집할 수 있습니다. 가능하면 EPUB에서 사용하는 모든 파일을 이 안에 넣는 것이 좋아요. 사진, 동영상을 웹에서 링크할 수 있는데, 모바일 환경에서는 네트워크를 사용하지 못하는 경우도 있으니까요.

HTML, CSS 파일을 만들고 이 파일들과 함께 사용할 EPUB만의 추가 파일을 만든 후에 저장만 하면 끝이에요. EPUB에서만 사용하는 파일들은 도구 메뉴에 있는 하위 도구들을 이용해서 자동으로 만들 수 있으니 결국 HTML, CSS 파일을 어떻게 만드느냐가 제일 중요합니다. 따라서 블로그에 있는 좋은 글들만 잘 다뤄주면 되는 간단한 일입니다.

전자책 만드는 걸 직접 해보면 어렵지 않다는 걸 금방 느낄 수 있을 거예요.

함께 보면 좋은 글

블로그를 전자책으로 1. 전자책의 종류
블로그를 전자책으로 2. EPUB을 만들기 위한 준비

2014년도 제 2회 고등학교 입학자격 검정고시 수학 기출문제 풀이

두 문자에 해당하는 수를 주고 문자를 포함한 식의 값을 구하는 문제입니다. 바로 대입해서 풀 수 있어요.

-3x + 4y
= -3 × x + 4 × y
= -3 × 2 + 4 × (-3)
= -6 - 12
= -18

답은 ①번 18이네요.

[중등수학/중1 수학] - 대입, 식의 값

소인수분해는 수를 소인수의 거듭제곱으로 나타낸 것을 말하죠?

소인수분해를 해보죠.

36 = 2² × 3²

a = 2, b = 2이므로 a + b = 4

답은 ③번입니다.

[중등수학/중1 수학] - 소인수분해, 소인수분해 하는 법, 소인수 뜻

정수의 크기를 비교하는 문제입니다.

정수는 일단 부호를 보고 크기를 비교할 수 있어요. 음수, 0, 양수의 순서죠. 일단 음수끼리, 양수끼리 모아보죠.

-7, -3, 0, 5, 4

음수는 절댓값이 작은 수가 더 큰 수고, 양수는 절댓값이 클수록 더 큰 수예요. 음수 -3은 -7보다 절댓값이 더 작으니까 더 큰 수고, 양수 5는 4보다 절댓값이 더 크니까 큰 수예요.

-7, -3, 0, 4, 5

작은 것부터 순서대로 나열했더니 위처럼 되었어요. 두 번째 수는 -3, 네 번째 수는 4니까 두 수를 더하면 -3 + 4 = 1이네요.

답은 ②번입니다.

[중등수학/중1 수학] - 정수의 대소관계, 정수의 크기비교

일차방정식의 해를 구하는 문제입니다.

일차방정식은 좌변에 미지수가 있는 항, 우변에는 상수항이 오도록 이항해서 동류항 계산을 한 다음에 미지수의 계수로 양변을 나눠서 해를 구해요.

4x - 3 = 3x + 1
4x - 3x = 1 + 3
x = 4

답은 ④번이네요.

[중등수학/중1 수학] - 일차방정식의 풀이, 일차방정식의 뜻, 이항

연필의 개수가 몇 개냐고 물어봤으니까 연필의 개수를 x라고 해보죠. 200원짜리 연필을 x자루 사면 연필값은 200x 원이에요. 여기에 2,000원짜리 필통을 1개 사니까 총 구입 금액은 (200x + 2000) 원이겠죠. 이 총 구입액이 3,200원이 되도록 한다고 했으니 식을 세워보죠.

200x + 2000 = 3200
200x = 3200 - 2000
200x = 1200
x = 6

연필을 6자루 사면 총 구입액이 3,200원이 되네요. 답은 ②번입니다.

[중등수학/중1 수학] - 문자와 식, 문자를 포함한 식
[중등수학/중1 수학] - 일차방정식의 풀이, 일차방정식의 뜻, 이항

히스토그램에서 도수를 구하는 문제네요. 히스토그램의 가로축은 계급, 세로축은 도수예요. 조건에 맞는 계급을 찾아서 도수를 세면 되겠지요?

상영 시간이 100분 미만이니까 여기에 해당하는 계급은 80분 이상 90분 미만, 90분 이상 100분 미만인 두 계급이 되겠네요.

80분 이상 90분 미만의 도수는 4, 90분 이상 100분 미만의 도수는 8이니까 전체적으로 100분 미만인 영화는 12편입니다.

답은 ②번이네요.

[중등수학/중1 수학] - 히스토그램과 히스토그램의 특징, 히스토그램 그리기

부채꼴 호의 길이를 구하는 문제군요.

하나의 원에서 부채꼴 호의 길이는 중심각에 비례해요. 비례니까 비례식을 세워보죠.

4cm : 50° = x cm : 150°
50 × x = 150 × 4
x = 12

오른쪽 부채꼴 호의 길이는 12cm로 답은 ④번입니다.

[중등수학/중1 수학] - 원과 부채꼴, 호, 현, 활꼴, 중심각

단항식의 곱셈이에요.

단항식을 곱할 때는 기본적으로 숫자는 숫자끼리, 문자는 문자끼리 곱해요. 이때 밑인 문자가 같고 곱셈이면 지수는 서로 더하죠. 여기서는 문자가 x로 서로 같네요.

3x⁵ × 4x²
= 3 × 4 × x⁵ × 4²
= 12x^{5 + 2}
= 12x⁷

답은 ③번입니다.

[중등수학/중2 수학] - 단항식의 곱셈과 나눗셈

부등식의 성질을 묻는 문제입니다.

부등식의 양변에 같은 수를 더해도 부등호는 그대로, 부등식의 양변에서 같은 수를 빼도 부등호는 그대로, 부등식의 양변에 양수를 곱해도 부등호는 그대로, 부등식의 양변을 양수로 나눠도 부등호는 그대로예요. 즉, 부등식의 양변에 음수를 곱하거나 양변을 음수로 나눌 때만 부등호가 반대로 바뀌는 거죠.

문제에서 양변에 음수를 곱하거나 양변을 음수로 나누는 경우를 찾으면 되겠네요. 그래서 답은 ④번입니다.

[중등수학/중2 수학] - 부등식의 성질

경우의 수 문제네요.

일단 상의를 고를 수 있는 경우의 수는 3가지, 하의를 고를 수 있는 경우의 수는 2가지예요.

그런데 짝지어 입는다고 했으니 두 사건은 모두 일어나야 하는 사건이에요. 따라서 곱의 법칙을 이용해서 경우의 수를 구합니다.

(상의를 고를 수 있는 경우의 수) × (하의를 고를 수 있는 경우의 수)
= 3 × 2
= 6

경우의 수는 6가지로 답은 ②번이네요.

[중등수학/중2 수학] - 경우의 수, 합의 법칙, 곱의 법칙