Look and Find what i've done.
thumbnail 티스토리 각주다는 방법 (새 에디터) 기존 에디터에 내장되어 있던 기능인 각주 기능이 새 에디터에서는 별도의 코드를 입력해줘야한다. 사용방법은 간단하다. HTML 편집모드가 아닌 기본모드 에서 주석을 달고자 하는 단어 뒤에 설명문과 함께 코드를 입력해주면 된다. 각주(FOOTNOTE) 사용법 위와 같은 방식으로 작성을 하게 되면 쉽게 각주를 달 수 있다. 위의 사용방법을 통해서 작성을 하면 인연 식으로 표현된다. 각주 자체에 속성을 부여할 수 있어 글씨에 색상을 변경하거나 볼드처리 등을 할 수 있다. 각주에는 속성을 부여할 수 있다. 각주는 독자들로 하여금 단어나 키워드를 명확하게 설명할 수 있고 글을 깔끔하게 구성할 수 있는 활용도가 높은 기능이다. 각주는 본문 아래쪽에 부차적으로 내용을 추가할 수 있기도 하고, 글이나 참고한 자료를 밝히..
thumbnail 티스토리 신규스킨 'Magazine' 리뷰 이번 4월달에 티스토리에서 신규스킨이 업데이트 되었다. 이전 스킨들보다 훨씬 늦게 업데이트 된 만큼 기대가 컷었다. 신규스킨이 나오면, 이 신규스킨으로 새로운 티스토리를 운영하겠다고 생각했다. 그래서 신규스킨이 나오고 조금 살펴보다가 이전에 있었던 안쓰는 티스토리 사이트를 삭제하고 새로운 사이트를 개설했다. 최근에 게임도 열심히 했으므로, 게임 사이트로 운영하려고 한다. 물론, 인기있는 게임은 아니라서 조회수가 어떻게 유지될지는 모르지만 그래도 꽤 오래된 게임이고 매니아층이 형성되어 있는 게임이다. 또 예전에 나 역시도 정말 재밌게 했었던 게임이기때문에, 꼭 게임블로그를 한번 해보고 싶다는 생각은 항상 있었는데, 이번 기회에 개설을 했다. 아직 글을 많이 작성하지 않아서 구성은 조금 어설프지만, 기본적으..
thumbnail 사이트 디자인을 새롭게 개선하였다. 기존에 티스토리에서 제공하는 스킨을 버리고 최대한 심플하고 간단한 스킨을 다운로드하여 일부 디자인과 기능들을 모두 수정하였다. 항상 느끼는 거지만, 공식 스킨을 다운로드하여도 오류가 있기 마련이고 무엇보다 가장 큰 문제는 사이트 최적화가 되지 않는 것이었다. 공식적으로 제공이 된다는 것은 많은 사람들이 다양한 기능을 활용할 수 있도록 많은 기능을 넣었고, 하다못해 테마의 컬러까지도 각 코드를 모두 넣었기 때문에, 필연적으로 사이트가 무거워질 수밖에 없다. 많은 사람들이 간과하는 것이 바로 속도이다. 한국에서야 워낙 인터넷 환경이 잘 갖춰져 있어 쉽게 체감할 수 없지만 구글의 툴을 이용해서 사이트 속도를 체크하면 SEO 점수에서 감점을 받는다. 그 이야기는 티스토리와 같이 플랫폼의 검색 점유율이 낮고 구글..
thumbnail 티스토리 마크다운을 위한 입문서 가이드 마크다운(Markdown) 이번에 티스토리 에디터에 마크다운 기능이 추가되면서 빠르고 쉽게 효과적으로 글을 작성할 수 있게 되었습니다. 마크다운이란, 텍스트 기반의 마크업 언어로 문서나 일반 텍스트 편집기를 통해 쉽게 HTML로 변환이 가능한 웹문서 언어입니다. 따라서, 마크다운 언어를 적용하여 글을 쓰면 매우 효과적으로 빠르게 글을 쓸 수 있다고 이해할 수 있습니다. 문단 구별 및 개행[ENTER] 이번에 코드블럭 기능도 추가되어 본문에 쉽게 HTML으로 작성을 할 수 있게 되었습니다. 글을 작성할 때 `Space Bar를 두번 눌러 띄어쓰기 공백을 만들면 문단이 구분됩니다.` 마크다운에서는 문단을 구별하기 위해서는 스페이스바를 활용합니다. [Space Bar]를 두번 눌러서 문단을 구별할 수 있습니다..
thumbnail 티스토리 직접 유입과 기타 유입 그리고 방문통계 지금 보고 있는 사이트가 아닌, 내가 운영하고 있는 다른 사이트의 방문통계를 살펴보면 티스토리의 검색엔진이 여타 사이트와 별반 다를바 없다는 것을 알 수 있다. 네이버의 경우, 블로그 탭에 자사의 블로그 서비스를 노출시키고 다음의 경우에는 다음 블로그와 티스토리가 우선적으로 노출된다. 다음이나 네이버는 국내 포털서비스로 블로그의 경우에는 기본적으로 자사의 블로그탭에 노출시키지만, 구글에서는 웹문서로 취급이 된다. 그렇다면 네이버와 다음, 구글에서 골고루 검색이 되기 위해서는 어떻게 해야할까, 네이버의 블로그탭의 경우에는 자사의 서비스를 우선으로 하기 때문에 티스토리가 블로그탭이 아닌 웹문서탭에 노출이 될 확률이 높다. 티스토리 사이트 중에서도 어느정도 기간이 되고 전문성이 입증된 티스토리 사이트의 경우,..
thumbnail 더보기 접기 디자인 변경(Svg) Document, Envelope 아래와 같이 변경하였다. 기존의 뷰/블라인드 와는 조금 더 미니멀한 느낌을 주고 싶었다. 마침 찾아보다가 딱 마음에 드는 아이콘이 있어 적용해보았다. 이 글은 열린 글입니다. 여러가지 아이디어를 생각했는데, 역시 가장 심플한게 이 사이트의 컨셉에 잘 맞을 것 같아서 조금 화려한 것도 있었지만, 최대한 깔끔한 것으로 구성하였다. 포인트는 제목으로도 충분하다. 글에 컬러가 많으면 양이 많아보이는 효과도 있지만, 반대로 집중도를 떨어트릴 수도 있다. 가독성을 높이는 요소를 유지하면서 조금씩 더욱 글이 선명하게 보일 수 있도록 다른 방법도 고안중이기는 하다. 다만 곧 티스토리의 에디터가 변경될 예정이여서 크게 업데이트는 하지 않고 있다. 꾸준히 글은 작성하되, 너무 많은 변화보다는 계속해서 쌓아가고자 노력하고 ..
thumbnail 티스토리 카카오톡/트위터 버튼 수정(undefined) [Onclick] 기존에 내장되어 있던 티스토리 포트폴리오 스킨의 공유버튼은 주석처리되어 비활성화 되어있었다. 그래서 다시 활성화를 시켜서 본문에 바로 공유버튼을 유도할 수 있도록 설정을 했으나 트위터의 경우에는 undefined가 되어 공유시에 글의 타이틀 데이터를 불러올 수가 없었다. 카카오톡 공유의 경우에도 마찬가지로 공유가 되지 않고 카카오 디벨로퍼스에서 자바스크립트 API를 통하여 앱을 만들어 값을 입력해주고 정상적으로 공유버튼이 실행되도록 수정하였다. 카카오톡 카카오톡의 경우에는 위와 같이 자바스크립트로 구현하였고, 자바스크립트 키를 입력하여 정상적으로 작동하는 것을 확인하였다 트위터의 경우에도 기존의 있었던 부분에 치환하여 적용하였다. 트위터 카카오 디벨로퍼스 앱 만들기 애플리케이션에서 개요 부분을 클릭하여 ..
thumbnail 개발에 대한 하소연 기능 하나를 추가하면 일단 브라우저마다 호환성도 체크해야하고 각종 스크립트 오류부터 사이트가 느려지는 현상까지 고려를 해야한다. 별거 아닌 사이트처럼 보여도 최대한 깔끔하면서도 웹페이지 또는 웹문서의 접근성을 높이기 위해서 나름의 최적화를 했지만, 정작 내가 구현하고 싶은 기능은 매우 무거워서 제대로 구현하지 못했다. 똑같은 기술이라도 훨씬 가볍게 적용시킬 수도 있고 용량도 줄일 수 있을텐데, 지식이 너무 짧아서 더 공부하고 테스트를 해봐야하지 않나 싶다. 하소연 그래서 괜히 뜬구름 잡는 것처럼 하소연을 조금 부려봤다. 구글링을 통해서 가이드에 나온대로 시도해보기도 하고 내 사이트에서 찾을 수 없는 호환문제가 있어 다른 티스토리로 테스트를 해봤지만 또 그건 잘 된다. 그래서 다시 내가 적용하고 싶은 사이..