탐구소년

안녕하세요 탐구소년입니다. 최근엔 일이 바빠 마치 블로그가 없는 사람처럼 지내는 시간이 이어졌었는데, 이제 좀 여유가 생겨 블로그 글 게재를 다시 시작하려 합니다. 이번 글에서는 전자책 코딩을 할 때 특정 영역만 글자 크기가 커보이게 만드는 방법을 알려드리려고 합니다. 간만에 쓰는 글이다 보니 가볍게 몸풀기 수준의 내용으로 준비했습니다. 일단 본문을 표시하는 HTML 코드가 아래와 같다고 가정하고 시작하겠습니다. 간단한 코드이므로 설명은 생략합니다(위 코드가 어려우신 경우, 블로그의 다른 글을 참고하시면 좋을 것 같습니다^^). 코드를 전자책 뷰어로 본 결과는 위와 같습니다. 배경색은 눈에 띄게 하기 위해 일부러 조금 푸르게 만든 것이니 신경쓰지 않으셔도 됩니다(원래는 하얀색입니다). 여기에서 두번째 줄..

안녕하세요 탐구소년입니다. epub 전자책 코딩을 위한 HTML/CSS, 세번째 글입니다. 두번째 글을 쓴지 일주일쯤 지난 시점에 세번째 글을 작성하게 되었네요. 오늘은 전자책을 꾸미기 위해 사용하는 태그 몇 가지에 대해 정리를 해보려고 합니다. 긴말 않고, 바로 시작하겠습니다. 태그 : 텍스트 감싸기용 태그 태그는 태그 자체가 가진 기능은 아무 것도 없는 태그입니다. 그러나 특정 영역을 구분짓는 데 곧잘 사용되는 상당히 유용한 태그입니다. 위와 같은 코드에 태그를 사용해 특정 영역을 묶어보도록 하겠습니다. '정말정말' 부분을 묶어주었습니다. 그러나 이렇게만 한다고 해서 전자책의 모습이 달라지는 것은 아닙니다. 현 코드에서 전자책의 모습을 보겠습니다. 정말로 달라진 게 없죠? 그러나 태그에 특정 속성을 ..

안녕하세요 탐구소년입니다. 시길(sigil)을 사용해서 전자책 만들기! 의 일환으로 작성하는 'epub 전자책 코딩을 위한 HTML/CSS' 두번째 글입니다. 오늘은 텍스트를 표시하는 HTML 태그들에 대한 내용을 준비했습니다. 태그 : 제목 표시용 태그 제목을 표시할 때 사용하는 태그이입니다. 그러나 꼭 제목을 표시할 때만 사용해야 하는 것은 아닙니다. 단지 일반 텍스트 태그보다 좀 더 진하고 크게 텍스트를 표시할 뿐이죠. 알파벳 h 뒤에 붙는 숫자는 크기를 의미하는데, 1일 때가 가장 크고 6일 때가 가장 작습니다. 아래는 ~ 태그 안에 작성된 코드와 그 결과물입니다. 태그 : 문단 표시용 태그 텍스트를 표시할 때 가장 많이 사용되는 태그입니다. 전자책에 들어가는 일반 텍스트는 모두 이 태그를 사용하..

안녕하세요 탐구소년입니다. 프로그래밍언어인 HTML과 CSS 코딩을 통해 전자책을 제작할 수 있는 프로그램인 시길(sigil)에 대한 글을 조금씩 올리다 보니, 어느 순간부터는 HTML과 CSS의 코딩 방법에 대한 설명을 따로 해야 할 필요를 많이 느꼈습니다. 지금까지는 그때그때 필요한 내용만 설명해가면서 글을 작성했었는데, 점점 그러기가 힘이 들어지고 있거든요. 그래서 앞으로는 시간이 날 때마다 HTML/CSS 언어에 대한 글을 조금씩 올려보려고 하는데요(난이도 최하부터 시작). 오늘은 그 첫번째 게시글로써 HTML에 대한 소개를 먼저 조금 해보려고 합니다. 그럼 바로 시작하겠습니다. HTML이란? - 웹사이트를 나타낼 때 쓰이는 웹 문서를 작성하기 위해 존재하는 고유한 문서 형식입니다. 전자책 또한 ..

안녕하세요 탐구소년입니다. 저는 시간이 날 때마다 블로그에 전자책 제작 프로그램 시길(sigil)을 사용해서 epub 전자책을 만드는 방법에 대한 가이드 글을 작성해 올리곤 하는데요. 사실 그동안 제가 만들어왔던 전자책은 하나같이 epub 형식 중에서도 epub2 버전의 전자책이었습니다. 그동안 거기에 대해 특별한 언급이 없었던 건 일단 텍스트 위주의 전자책을 만들 때에는 epub2 형식을 채택해도 문제가 되지 않는다는 사실과, 사람들은 대개 epub의 버전에 대해 크게 관심이 없다는 사실이 주된 이유였는데요. 그러나 이제는 슬슬 전자책에 대한 새로운 내용들을 더 포스팅하기 위해서 epub3에 대한 언급이 필요해진 것 같다고 느껴서, epub3 전자책에 대한 소개를 간단하게 글로 남겨보려고 합니다. 나름..

안녕하세요 탐구소년입니다. 오랜만에 시길 관련 글을 작성하네요. 여러가지 개인적인 일들로 바쁘기도 했고, 딱히 소재가 생각이 안 나서 글을 거의 안 올리고 지냈는데, 블로그의 성장을 위해 이제부터라도 다시 정신을 차려서 블로그 관리에 힘을 좀 쏟아볼까 생각하고 있는 중입니다. 본론으로 들어가서, 오늘은 시길로 전자책 코딩을 해서 아래와 같은 글상자를 만드는 방법에 대해 기록해보려고 합니다. 이 글상자는 제가 좋아하는 리처드 파인만의 명언 중 하나를 전자책 화면에 표시해 본 것인데요. 붉은 테두리와 밝은 색의 배경색을 통해 명언을 좀 더 빛나보이게(?) 하는 효과를 기대하고 만들어 보았습니다. 이런 식으로 강조하고 싶은 내용을 글상자 안에 넣어두면, 독자로 하여금 책을 읽을 때 해당 메시지가 좀 더 깊게 ..

안녕하세요 탐구소년입니다. 최근 전자책 제작 프로그램 시길(sigil) 사용법을 꾸준히 작성하고 있었는데, 오늘은 조금 다른 내용을 준비해봤습니다. 오늘 준비한 내용은 바로 전자책을 읽을 때 사용하는 전자책 전용 뷰어에 대한 소개입니다. 전자책 전용 뷰어는 말그대로 전자책을 읽는 데 사용하기 위해 만들어진 소프트웨어입니다. 따라서 전자책을 만드는 사람들이라면 이에 대해 알아둘 필요가 있습니다. 오늘 소개할 전자책 전용 뷰어는 칼리버입니다. 칼리버는 윈도우, 매킨토스, 리눅스 등 어떤 운영체제에서도 사용할 수가 있고, 무엇보다도 무료라는 점이 매력적인 소프트웨어입니다. 칼리버는 아래의 웹사이트에서 다운로드할 수 있습니다. https://calibre-ebook.com/ 그러면 이제부터 칼리버(calibre..

안녕하세요 탐구소년입니다. 전자책 제작 프로그램 시길(sigil) 사용법 시리즈는 계속됩니다. 오늘은 본문에 이미지를 추가하여 좀 더 잘 읽히고 상품성 좋은 전자책을 만드는 방법에 대해 알아보도록 하겠습니다. 먼저 준비물입니다. 전자책에 추가하고자 하는 이미지를 하나 준비해야 하고요. 당연한 얘기지만 전자책 파일(epub)이 필요합니다. 위의 이미지는 무료 이미지 서비스 페이지인 pixabay라는 웹페이지에서 아무거나 골라 다운로드한 것입니다. 샘플 파일의 본문 코딩은 위와 같이 되어 있습니다. 미리보기로 보면 아래와 같습니다. 위 파일을 만드는 방법은 제 블로그의 다른 글( https://penguingoon.tistory.com/148 )에서 확인해보실 수 있습니다. 이렇게 달랑 글자만 적혀 있는 전..

안녕하세요 탐구소년입니다. 전자책 제작 프로그램 시길의 사용법을 계속해서 올리고 있습니다. 오늘은 간단한 스타일시트 코드를 작성해보고, 코드 해석도 덧붙이도록 하겠습니다. 스타일시트 코드를 통해 전자책의 본문을 예쁘게 꾸미면, 좀 더 상품성 있는 전자책을 만들 수가 있습니다. 본문 내용을 작성하는 법이나 시길의 잡다한 사용법 등에 대한 설명은 생략하고 진행합니다. 혹시나 기본적인 사용법을 잘 모르신다면 이 블로그에 있는 다른 글들을 읽어보시길 추천해요^^! 그럼 시작합니다. 자 그럼 가장 먼저, 새로운 시길 파일을 열고 아래와 같이 작성해보도록 하겠습니다. 태그와 태그만으로 이루어진 간단한 본문 파일을 작성해주었습니다. 위의 본문을 미리보기로 보면 아래와 같습니다. 글꼴의 이름은 사실 잘 모르겠습니다만,..

안녕하세요 탐구소년입니다. 오늘은 전자책(epub) 제작 프로그램 중에서도 대중적으로 가장 잘 알려져 있는 시길(sigil)을 이용해서 아주 간단한 한 페이지 짜리 전자책 만드는 방법을 정리해보려고 합니다. 시길을 이용해 전자책을 만드는데 필요한 아주 간단하고 기본적인 기술부터 정리하기 시작해서 점차 관련 게시글을 늘려가며 그 수준을 높여갈 생각이고(어디까지나 생각이긴 하지만), 그러다 보면 언젠가는 제 블로그가 좋은 시길 참고서 역할을 하는 날도 올 수 있지 않을까 하는 헛된(?) 꿈을 꾸어보는 중입니다. 일단 오늘의 내용을 시작하기 위해, 시길 프로그램을 열어보도록 하겠습니다. 시길(sigil) 설치가 아직 안 되어있으신 분들은 아래의 링크를 참고하시면 좋을 것 같습니다. => https://peng..