티스토리의 이미지 복사기능(웹 서버 저장) 2019. 10. 7. 나는 누구보다도 글을 쉽게, 또 많이 쓸 수 있는 능력을 가졌다. 그리고 그동안 네이버블로그를 하면서 배웠던 능숙함은 웨일브라우저의 Alt + F2의 영역선택 캡쳐기능으로 블로그에서 글을 쓸 때, 쉽게 이미지를 복사해서 글을 쓸 수 있었다. 이미지를 저장하고 웹에디터에 이미지를 붙여넣을 때, 두 가지 방법이 있다. 하나는 이미지를 별도로 웹 에디터 기능의 파일을 내 컴퓨터에서 불러와서 등록을 시키는 방법이고, 또 하나는 이미지를 그대로 복사 붙여넣기 하는 기능이다. 캡쳐기능으로 붙여넣기를 하게 되면 네이버블로그의 경우에는 이미지가 웹서버에 저장이 된다. 그렇지만, 드래그를 해서 저장을 하게 되면 드래그한 서버의 웹주소 데이터도 그래도 복사가 된다. 이 때문에, 이미지만으로도 유서문사 처리를 당할 수 있는..

알게모르게 변경된 티스토리 업데이트 '인용글, 구분선' 2019. 10. 4. 변경된 인용글 디자인 위와 같은 디자인으로 변경되었다. 매일 티스토리에 글을 쓰는 사람이라면 바로 알아챘을거라고 생각된다. 구분선의 경우에도 명확하게 변경이 되었는데, 구분선을 새롭게 추가하는 것이 아니라 변경한 것이여서 이전 디자인이 마음에 들었던 사람에게는 조금 아쉬울 수 있는 업데이트였다. 인용글 디자인의 경우에는 회색 박스에 선이 없었는데, 추가되었다. 그래서 훨씬 선명하게 인용글을 확인할 수 있게 되었다. 인용글이나 구분선의 경우에는 직접 CSS나 HTML을 수정하면 내가 원하는 느낌으로 변경할 수 있지만, 기존의 느낌도 좋은 것 같아서 그대로 사용하고 있다. 또, 이와 같이 잠수함 패치(업데이트)를 하게 되는 경우에는 하나하나 수정하는 것이 번거롭기 때문에 위와 같은 요소들은 기존의 티스토리 ..

투명한 파비콘 만들기 : 다이나믹 드라이브 툴 2019. 9. 6. 웹툴을 제공해주는 개인 사이트가 있다. 공식적으로 운영되는 사이트보다는 블로그에 가까운 사이트임에도 불구하고 다양한 웹툴을 제공하고 있다. 요즘은 직접 만드는 것보다 이렇게 웹툴을 통해서 만드는 것이 훨씬 완벽에 가깝다. Web Tools Image Optimizer FavIcon Generator FavIcon Editor Animated Gif Email Riddler .htaccess Password .htaccess Banning Gradient Image Button Maker Image to Base64 String Ribbon Rules List Scrubber Tool DD Whois Service 다이나믹 드라이브 사이트에서 제공하고 있는 링크는 위와 같다. 여러가지 기능들을 제공하고 있..

티스토리 토글형 사운드클라우드 배경음악 구현하기 2019. 8. 15. 티스토리 사이트에 배경음악을 따로 설치할 생각은 없었는데, 우연히 괜찮은 라이브러리를 발견해서 설치해봤습니다. 토글형식으로 되어 있고 자주 방문하는 사이트라면 크롬엔진에서도 자동음악재생이 가능해집니다. 어쨌든, 토글형식의 배경음악 기능은 꽤 예쁘고 깔끔합니다. $('.cata-music-toggle-btn.cata-toogle').on("click", function() { $('.cata-music-toggle-btn.cata-toogle').not(this).removeClass('.cata-music-toggle-btn.cata-toogle'); $(this).toggleClass('active'); }) 제 사이트에서는 메인에 위치한 재생버튼도 있지만, 사운드클라우드처럼 리스트 형식의 음악을 재생..

티스토리 카테고리 페이지 주소 Category 삭제방법 2019. 8. 15. var articleListPage = document.getElementsByClassName("post-item"); var articleListPage = document.getElementsByClassName("related-articles"); var removeSID; var indexSID; if(articleListPage.length) { for (i = 0; i < articleListPage.length; i++) { removeSID = articleListPage[i].getElementsByTagName("a")[0].href; indexSID = removeSID.indexOf("?"); if(indexSID == -1) {break;} removeSID = removeSID..

오랜만에 쓰는 티스토리 노하우 2019. 8. 10. 사실 티스토리 기반으로 만들어진 사이트는 사이트 관리에 신경을 매우 많이 써주어야만 합니다. 워드프레스와 달리 티스토리는 티스토리 내에 사용할 수 있는 기능들이 한정되어 있고, 이마저도 어려움을 겪는 사람들이 너무나도 많기 때문에 네이버블로그를 했던 분들이라면 티스토리를 시작하는 것에 굉장히 어려움을 느낄 것이라고 생각이 듭니다. 개인적으로는 네이버 스마트에디터보다 티스토리 에디터를 더 마음에 들어합니다. 직관적이고, 깔끔하고 필요한 내용만 작성하면 되기 때문입니다. 티스토리를 다양한 목적으로 하는 사람들이 많습니다. 저는 글을 쓰는 능력은 나름대로 다른 사람들에 비해 빠르게 글을 쓸 수 있다고 생각을 하면서도 다른 사람들 만큼 컨텐츠가 다양하거나, 분석적이거나 정성을 들여서 쓰는 글은 잘 쓰지를 못합니..