IT (3) 썸네일형 리스트형 [스킨 수정] 상단 진행 바(Progress Bar) 적용 진행 바(Progress Bar) 필요성 필자가 블로그를 꾸밀 때 가장 기본으로 생각했던 원칙은 두 가지였다. 첫 번째는 기본 스킨에서 크게 수정하지 않을 것. 두 번째는 독자가 현재 글의 어디를 읽고 있는지 파악하기 쉬울 것. 두 번째 원칙을 적용하기 위해서 우선 적용했던 것이 ToC였다. 하지만 ToC는 모바일에서 보기 불편하고 거추장스러운 면이 있었기 때문에, 모바일에서는 조금 다른 방식을 적용했으면 하는 바람이 있었다. 그러다가 생각한 것이 진행 바(Progress Bar)였다. 글을 어디까지 읽었는지 진행 바를 통해서 보여주면 모바일에서도 충분히 활용이 가능할 것이라 생각했다. 설치 방법 진행 바를 적용하기 위해서는 티스토리 스킨을 다소 수정해야 한다. HTML(JS), CSS 등을 복사/붙여넣.. [스킨 수정] 이미지 팝업 설정(Markdown용) Light TT EX 대체재는? Light TT EX 플러그인을 사용하지 않는 이유 필자는 블로그 포스팅을 하기 위해 마크다운(Markdown)을 사용한다. 마크다운 에디터에서 이미지도 쉽게 추가가 가능하면 좋겠지만, 아직까지 만족스러운 방법이 없었기에 구글 포토에 업로드 후 이미지를 링크하여 사용하고 있다. 이러한 방법으로 사용하게 되면 가장 큰 단점은 티스토리의 이미지 확대 플러그인인 'Light TT EX'이 작동하지 않는 것이다. Light TT EX플러그인은 티스토리 에디터를 사용하여 업로드한 이미지에만 적용되기 때문에, 마크다운을 사용하는 필자에게는 꽤나 문제가 되었다. 따라서, Light TT EX 플러그인 기능과 유사한 기능을 하는 무언가를 찾거나 만들 필요가 있었다. 대체제를 찾기 위한 .. [스킨 수정] 티스토리 자동 ToC 적용 및 설정 변경 ToC란? ToC는 Table of Content의 약자로 우리나라 말로 하면 '목차'에 해당하는 단어라고 볼 수 있다. ToC를 적용하기로 마음먹은 이유 필자가 맨 처음에 블로그를 만들고자 마음 먹었을 때 정했던 컨셉은 '초보자도 쉽게 이해할 수 있는 기술 블로그' 였다. 기술 블로그를 표방하고 있기 때문에 구조화된 내용이 필요하다고 생각했고, 글의 전체적인 구조를 한 눈에 볼 수 있으면 독자들이 이해하기 쉬울 것이라 판단했다. 이를 해결할 수 있는 것이 바로 ToC를 구성하는 것이었고, 검색을 통해 여러가지 방법들을 쉽게 찾을 수 있었기 때문에 ToC를 내 블로그에 적용하기로 마음먹었다. ToC 적용 시 장점 ToC를 적용할 시 아래와 같은 장점이 있다. 따라서 본인의 수.. 이전 1 다음