본문 바로가기

html2

728x90
반응형
전자책 작성에 유용한 도구 Typora 소개 및 설치 전자책을 작성하는 방법은 다양하게 있다. 나는 전자책으로 발행하기 전에 각 장들을 온라인으로 게시하고 배포하여 여러 피드백을 받아보고자 한다. Github Pages에 전자책으로 쓸 초안을 나누어 HTML 문서로 업로드하여 내용을 공유하고 피드백을 받아가면서 온라인에서 수정과 배포가 지속적으로 일어나도록 한다음 몇 개월의 시간이 지나면 전자책을 발행하고자 한다. 저자가 나만 있는게 아니라 여러명이 있기에 아무래도 같은 에디터를 사용하여 최대한 비슷한 형식으로 글을 작성하는 것이 필요하기에 마크다운 에디터인 Typora를 사용하려고 한다. Typora는 무료로 사용할 수 있으며 윈도우와 리눅스, Mac OS X에서 동작한다. Typora 홈페이지 주소 : typora.io 다운로드 페이지로 이동하여 자신의.. 2021. 3. 22.
[자바스크립트] img 태그의 데이터를 base64로 인코딩 하자 HTML의 img 태그의 src에 파일 경로가 아닌 데이터를 직접 넣어도 브라우저가 인식하는 시대가 왔다. 데이터를 넣을 때는 base64로 파일 데이터를 인코딩해서 넣으면 되고 다음과 같이 표현이 가능하다. BASE64로 인코딩된 img 태그 예시 위의 img 태그를 넣으면 아래와 같은 그림이 표현된다. 자바스크립트에서 기존의 이미지 파일을 base64로 인코딩하는 방법은 2가지가 있다. 하나는 HTML5 CANVAS를 이용하여 변환하는 것이고 또 다른 하나는 자바스크립트의 File API인 FileReader를 이용하여 변환하는 방법이 있다. HTML5 CANVAS를 이용하는 방법 CANVAS를 생성하고 이 CANVAS의 가로와 세로의 크기를 설정하고 그릴 것을 2D로 지정한다음 BASE64로 변호나.. 2020. 12. 27.