개발

txt, doc, pdf, jpg 파일을 ePub으로 변환 <오중호랑이의 ePub제작소>

오중호랑이의 ePub제작소 (http://epub.ojtiger.com) txt, doc, pdf, zip(jpg)를 ePub으로 제작합니다. 1. TXT파일에서 만들기 - 줄간격을 자동으로 맞춰줍니다. - 소설 등 텍스트 자료에 적합한 형태입니다. - 챕터명은 파일명으로 대치됩니다. - ANSI의 경우 자동인식하여 UTF-8로 인코딩 후 제작됩니다. - 커버이미지를 업로드 하여 커버이미지를 씌울 수 있습니다. (2013. 07. 01) - 압축률 개선으로 저사양 디바이스에서도 빠르게 열릴 수 있도록 개선(2013. 07. 04) - 여러개의 TXT파일을 업로드 하여 챕터기능을 이용 할 수 있게 개선(2013. 10.12 - 커버이미지를 jpg와 png모두 사용 할 수 있게 수정 (2013. 11. 24..

jQuery 폼 컨트롤 하기

이제 우리는 jquery를 사용하여 html 문서의 요소들중 하나를 선택해서 컨트롤 할 수 있게 되었습니다. .hide() 메소드를 사용해서 요소를 숨기는걸 실제로 해봤지요. hide뿐만 아니라 다른 여러 메소드들을 사용해서 html문서를 떡 주무르듯이 주무를 수 있게 되었습니다. 그렇다면 hide뿐만이 아니라 다른 메소드들을 어떤게 있을까요? 간단합니다. http://api.jquery.com/ 에 접속하면 jQuery에서 사용 할 수 있는 모든 메소드들을 친절하게 예제와 함께 알려주고 있습니다. 당연히 수많은 메소드들을 한번에 외울 수는 없을꺼에요. 필요한 상황에 따라서 인터넷에서 검색을 해본다던지, http://api.jquery.com에 가서 직접 검색을 해보면 찾을 수 있을꺼에요. 그럼 이글을 ..

jQuery 요소를 컨트롤 하기

이제 우리는 jQuery로의 보다 정확한 접근을 하기위해 파이어폭스를 설치합니다. 설치방법은 호랑이가 알려줄꺼에요. http://www.mozilla.or.kr/ko/에 접속하여 파이어폭스 최신버전을 다운로드하세요. 설치가 완료 되면 다음 페이지를 방문해서 파이어폭스의 부가기능인 FireBug를 설치하세요 https://addons.mozilla.org/ko/firefox/addon/firebug/ 추가 버튼을 눌러서 설치후 재시작 하면 설치가 완료 됩니다. 그럼 주소표시줄 우측에 파이어버그 아이콘을 눌러서 아래와 같이 나온다면 대성공입니다. 버튼이 안보이면 F12를 눌러보세요. 자 여기까지 준비가 됐나요? 여기서는 파이어버그에 대해서 설명하지 않아요. 그냥 좋은겁니다. 그렇게 아시고 다시 jQuery로..

jQuery ready와 load의 차이

자 마음에 드는 편집기를 실행해주세요. 윈도우에서는 무료 노트패드++, 유료 에디터플러스를, 맥에서는 무료 TeextWrangler 유료coda2를 추천합니다. 무엇을 사용하던 크게 상관 없습니다. 다만 기본적으로 Syntax Highlight를 지원하는 편집기를 이용하세요. 가끔 "나때는~ 아무것도 없는 노트패드(메모장)로 ...어쩌고" 라고 으시대는 사람도 있지만요. 위 이미지와 같이 한개의 html 문서를 만드세요. 앞장에서 배운 jQuery를 불러오는 소스를 사이에 넣었습니다. 그리고 우리가 편집해야할 부분은 바로 5번째 라인입니다. 보통의 경우 console.log를 사용하여 콘솔에 로그를 찍어봅니다만, 확실히 확인하기 위하여 alert함수를 사용하기로 합니다. alert함수는 알다시피 파라메터..

jQuery 시작하기

jQuery를 시작해봅시다. 아참, 그런데... jQuery가 무엇일까요? 자세한 사항은 인터넷 검색을 해보시기 바랍니다. 여기서는 심도있게 알려주지 않아요. 왜냐하면 이곳은 실전을 위한 "실전 jQuery 배우기" 이기 때문입니다. 그러한 것 들을 배우기 위해서는 전문 서적이나 인터넷 검색을 하는게 당연히 좋을꺼라 봅니다. 그럼 여기서는 뭘 알려주나요? 바로 호랑이가 알려줄꺼에요. jQuery를 아주 간단한게 말하자면 자바스크립트를 편하게 사용할 수 있는 도구입니다. jQuery는 배우는게 아니에요. 보다 편한 자바스크립트를 사용하기 위한 방법 중 하나입니다. 사이에 위 한줄만 넣어주면 jQuery를 시작하기에 충분합니다. 자 script요소의 src속성을 사용해서 value인 jquery소스를 불러 ..

e-Book을 만드는 가장 간단한 방법

ePub만드는호랑이로 이동 epub이란? 국제 전자 출판 포럼에서 제정된 전자책 출판을 위한 공개 표준입니다. 공개된 표준인 만큼 iBooks와 같은 다양한 리더와 다양한 플랫폼을 지원하며, 다양한 플랫폼에 지원하기 위해서 각 장치의 디스플레이마다 화면에 최적화된 레이아웃을 지원합니다. xhtml기반이며 epub파일을 살펴보면 필요한 리소스(이미지, css파일 등)와 함께 html문서가 들어 포함되어 있는걸 알 수 있습니다. zip압축을 이용하여 책을 퍼블리싱 하게 되고, 실제로 zip압축을 한 후 .epub으로 확장자만 바꿔 주면 epub파일이 만들어 집니다. 반대로 epub파일을 확장자를 zip으로 바꾼 후 압축을 해제하면 다음과 같은 디렉토리 구조를 볼 수 있습니다. 하나의 epub파일에 포함된 파..

쇼핑몰 가격 조작 해킹, 직접해보니

어제, 20대 남성이 쇼핑몰 결제 금액을 조작하여 수억을 챙겼다는 인터넷 기사를 봤습니다. 쇼핑몰 결제 금액을 조작하여 결제에 성공, 실제 물품을 받은 후 되파는 방식으로 수억상당을 챙겼다고 나오는데요. 또, 헐값에 되팔은 현금을 이용해서 해외여행등 호화생활을 영위했고, 인터넷 커뮤니티 사이트인 P사이트에서 왕성한 활동을 하면서 고급 수입 차량등 여러 인증을 많이 해놔서 논란이 되고 있네요. 실제로 P사이트에 접속하면 피해자가 수년전 부터 작성한 게시글들을 볼 수 있습니다. PG사 결제 대행 시스템 작업을 처음 했을때, 이렇게 이렇게 조작하면 실제 물건이 배송 되지 않을까 라고 생각한적이 있었는데, 설마 정말 되겠어? 라고 생각만 했지만 실제 결제를 통해 물품을 받았다는건데요. 이번 기회에 한번 해봤습니..

모바일 웹 사이트 만들기 팁 결정판!!

요즘 모바일웹이 대세다. 어느 하나 모바일웹이 따로 없는 사이트는 찾아 보기 힘들며, 심지어는 모바일전용으로 런칭 되는 사이트들도 많다. 이제 나도 모바일웹을 시작해야지 라고 생각고 html...을 시작으로 코드를 마치고 모바일에서 확인하면 어라, 이게 아닌데...라는 질문을 스스로 하게 될것이다. 아래와 같은 코드로 HTML을 작성해서 모바일로 확인해보자. 어라이게아닌데 위와같이 나오게 되기 쉽상이다, 이는 뷰포트에 대한 이해가 필요하다. 1.뷰 포트(view-port) 모바일의 브라우져는 보여지는 픽셀이 유동적이다. PC에서는 PC의 해상도에 맞춰서 내용이 늘어나면 스크롤바가 생기지만 모바일 브라우져는 그렇지 않다, 이유는 간단하다. 모바일을 꺼내들고 다음이나네이버 PC버전에 접속해보자. 보시는 바와..