새로 만난 마크다운 편집기 타이포라Typora
Blog-Apps-SNS / 2017년 2월 15일

  새로 만난 마크다운 편집기 타이포라Typora 새로 만난 마크다운 편집기 타이포라Typora 몇년 전 마크다운을 쓰기 시작하면서부터 Mou를 사용해왔다. 다른 편집기도 이것저것 써봤지만, 화면 구성도 깔끔하고 미리보기가 가능한 점이 다시 Mou를 선택하게 했다. 물론 마크다운에 능숙한 사람들은 미리보기 기능이 필요 없겠지만, 평소에 쓰지 않던 구문을 쓰려면 미리보기로 확인해야 안심이 되는 것이 사실이다.   그런데 맥 운영체제가 시에라가 되면서 더 이상 Mou를 쓸 수 없게 되었다. 할 수 없이 새로운 편집기를 찾게 되었는데, 1. 미리보기가 지원될 것, 2. 쓰기 쉽고 보기 좋을 것, 3. 무료일 것, 4. 웹이 아닌 컴에 설치해두고 쓸 수 있는 응용프로그램일 것 등이 그 조건이었다.   그러다 발견한 것이 지금 소개하는 Typora라는 편집기다. 가장 최근에 썼던 것은 Atom이었는다. 사실 아톰은 마크다운 전용 편집기는 아니고 코딩하는 전문가들을 위한 에디터다. 그러다보니 다른 기능은 풍성하나 각주넣기 같은 정작 내게 필요한 기능은 없어 아쉬웠다. 그런데 타이포라는 정말 1번에서 4번까지 내가 내건 조건에 모두 맞는 그런 편집기였다.   하나의 창에서 입력과 미리보기를 동시에 이 Typora는 미리보기를 오른쪽에 지원하는 다른 앱과는 달리 쓰면서 바로 그 결과를 같은 창에서 실시간으로 보여준다. 마크다운 언어로 작성하다 스페이스 바나 리턴 키를 치는 순간 위지윅 편집기에서 보는 것 처럼 결과물이 바로 보이는 것이다.   HTML도 바로바로 또 아톰은 마크다운 문서를 html로 바꾸기 위해 텍스트 편집기에 복사한 다음 오토메이터의 서비스…

블로그 이사 마쳤습니다
Blog-Apps-SNS / 2017년 1월 23일

안녕하세요~ 블로그 이사 마쳤습니다. 앞으로 정리작업이 다소 있겠지만 글은 다 옮겼네요. 댓글은 안타깝게도 가져오지 못했습니다. 정성과 진심담긴 여러분의 댓글들을 놓아두고 오게되어 죄송합니다. 다행히 Disqus에 달아주셨던 댓글들은 자동으로 연결되었습니다. 정말 기쁩니다. 앞으로도 많은 격려와 댓글 부탁드립니다.  감사합니다. ^^(2017. 1. 28. 덧붙임) 현재 티스토리에서 이곳으로 블로그 이사가 진행중입니다. 불편을 끼쳐드려 죄송합니다. 열매맺는나무 티스토리 블로그로 가시면 최근 글을 보실 수 있습니다. 감사합니다. ^^

2016 열매맺는나무 블로그 결산
Blog-Apps-SNS / 2017년 1월 10일

2016 열매맺는나무 블로그 결산   2017년 1월도 초순을 훌쩍 넘어서 블로그 결산이라니 좀 우습군요. 하지만 독감걸려 쉬다보니 어쩔 수 없었다고 합리화 해 봅니다.    1. 일상사다반사 블로거 일단, 전 일상속 소소한 이야기를 올리는 일상사다반사 블로거였습니다.  제 의도도 아니었고 미처 깨닫지 못했던 사실이었지만 이렇게 드러나네요. 2017년은 어떤 평가를 받게될지 궁금합니다.  아래쪽 태그를 보니 상위 3%댓글부자, 친절한 댓글러, 상위 10% 부지러너, 10만+ 방문자라는 말들이 눈에 띕니다. 그리 부지런하지도 못한 게으른 한 해였다고 생각했는데 부지러너에 댓글부자라니 놀랍습니다. 요즘 블로그 세상이 예전같지 않은가 봅니다.    2. 댓글, 조회수 많은 글 댓글 조회수 많은 글들을 봐도 역시 일상다반사 관련 글입니다.  자료 조사하고 열심히 쓴 글도 없지 않은데, 유독 이런 일상 관련 글들이 조회수도 높고 댓글도 많이 달렸군요.    3. 주제 및 태그별 글 작성 수 주제별 글 수를 보니 취미에 속한 글들이 28개로 가장 많습니다.  아무래도 미술 수업 자료를 올린 결과로 보입니다. 취미가 많음에도 일상다반사 블로그로 분류된 것은 댓글이나 조회수, 태그  때문인 것으로 짐작됩니다.    2017년 올해엔 더 부지런히 특색 있는 글들을 많이 올려야겠습니다.  티스토리 블로그 서비스도 많은 발전있기 바랍니다. 어디로 옮겨야 하나… 하는 걱정 없이 여기서 오래 둥지틀고 글 쓸 수 있도록 말이죠.  네. 이러고 며칠 있지 않아 텍스트큐브 설치하고 지금 이 블로그로 이사했습니다. 

네이버 블로그 서로이웃신청 차단
Blog-Apps-SNS / 2016년 12월 14일

  네이버 블로그 서로이웃신청 차단 요즘 네이버 블로그를 실험적으로 운영해보고 있습니다. 이미 티스토리에 익숙해져있는 까닭에 브런치와 비슷하지만 약간 다른 스마트 에디터 3.0을 더듬더듬 이용하고 있습니다. 좋은 점 불편한 점이 모두 있지만, 특별히 편리한 점이 하나 있더군요. 바로 SNS에 올렸던 사진을 따로 다운받을 필요 없이 바로 가져올 수 있다는 점입니다. 그런데 오랫만에 이용하다보니 ‘서로이웃추가’라는 기능을 잊고 있었어요. 간간히 들어오는 ‘서이추 신청’은 좀 당황스럽습니다. 사실 제 블로그는 늘 그렇듯 전체이용가(…가 아니라 전체공개. ㅎㅎ)라 이웃으로 특별히 더 드러나는 부분은 없지만, 어쩐지 타의에 의해 공개설정이 이뤄지는 셈이라 그런지 좀 망설이게 되네요. 그래서 찾은 것이 바로 서로이웃신청을 아예 차단하는 것이었습니다. 알고나면 무척 간단한데요, 방법은 다음과 같습니다. 1. 블로그 오른쪽 맨 위에 있는 ‘내 메뉴>관리>기본설정’으로 들어가면 아래와 같은 화면이 뜹니다. 2. 여기서 왼쪽 아래 ‘열린이웃>이웃.그룹관리‘를 선택한 다음 3. 서로이웃 신청받기를 ‘사용하지 않음’으로 선택하면 됩니다.     모바일 앱에서는 더욱 간단합니다 1. 맨 위 MY를 터치합니다. 2. 환경설정으로 들어갑니다. 3. 아래쪽에 있는 ‘서로이웃맺기>서로이웃 신청받기‘를 꺼 놓으시면 됩니다. 간단하지요? 참으로 이상한 것이, 알고나면 이렇게 간단한데도 모를 때는 눈을 씻고 봐도 꼭꼭 숨어 보이지 않는다는 사실. ㅎㅎ     [관련글] 페이스북 선글라스 광고 차단   [관련정보] 네이버 블로그 아이디차단, 아이피차단 방법     저장저장

맥/ 티스토리에서 마크다운으로 글 올리기
Blog-Apps-SNS / 2016년 7월 15일

맥/ 티스토리에서 마크다운으로 글 올리기 마크다운으로 글을 쓰는 프로그램은 여러가지가 있지만, 간단한 글을 쓰기 위해 다른 프로그램을 여는 것도 귀찮은 일. 하지만 맥을 사용하고 있다면 ‘오토메이터 서비스’를 이용해 티스토리에서도 바로 마크다운으로 글을 써서 올릴 수 있다.  아래 웬 포신 같은 것을 들고 있는 로봇이 바로 오토메이터. 맥 기본 응용프로그램이다. 뭐든 등록만 해 놓으면 그야말로 자동적으로 간단하게 실행해주는 편리한 일꾼인데, 아직 잘 몰라 제대로 부리지 못하고 있다. 1. 티스토리에서 마크다운으로 글쓰기 아래 사진에서 보이는 것 처럼 티스토리 편집기에서 그냥 마크다운 문법으로 글을 쓴다. 편안히. 2. 오토메이터 서비스로 html변환하기 마크다운으로 쓴 글을 ‘우클릭>서비스>마크다운html ‘을 선택해  html로 바꿔준다. 여기가 바로 앞서 말한 ‘오토메이터’가 활약하는 부분인데, 이것은 Back to the Mac의 ‘맥 사용 중 언제 어디서나 마크다운(Markdown)을 HTML로 변환하기‘ 란 글에 자세하게 설명되어 있다.   아래 처럼 html로 바뀐다. 3. 외부콘텐츠 삽입 티스토리 편집기 맨 위에 툴바를 보면 ‘외부컨텐츠 삽입’이란 단추가 있다. 이것을 눌러 창을 연 다음 변환된 html코드를 오려내기+붙이기 한다. 아래 사진처럼 입력된 모습을 볼 수 있다. (처음엔 글씨도 작고 다닥다닥 줄 간격이 붙어있다. 적당히 늘려주고 사이사이 한 줄 더 넣기도 하면서 보기 좋게 다듬는다.) 발행 단추를 누른다.   4. 완성된 결과물 글이 발행되면 편집기에서 보던 것 과는 달리 제대로 된 결과물을 볼 수 있다. 물론 실시간으로 미리보기가 되지 않아 처음 마크다운을 이용하는 분들은…

티스토리 블로그 스퀘어 스킨 사이드바 찾기메뉴 수정
Blog-Apps-SNS / 2016년 1월 18일

한동안 손대지 않던 티스토리 블로그 스킨. 이번에 수정한 것은 사이드 바 찾기 메뉴 ‘위치 이동’과 ‘어썸폰트를 사용해 돋보기 아이콘 넣기’였다. 원래는 맨 아래 위치하고 있어 불편했는데, 아래 사진에서 보이는 것처럼 수정하고 나니 내가 이용하기에도 편리해졌다.      1. 찾기 메뉴 위치 이동 위치 이동은 간단하다.  관리>사이드바 에서 ‘search’메뉴를 원하는 위치로 올리면 된다       2. 돋보기 아이콘 넣기   1) 어썸폰트    돋보기 아이콘은 어썸폰트(Font Awesome) 웹 아이콘을 이용했다. 따로 이미지를 만들거나 올려놓지 않아도 이미 있는 아이콘을 이용하기만 되므로 편리하다. 지금 쓰고 있는 스퀘어 ver.2.1 스킨은 어썸폰트를 쓸 수 있게 되어 있어 별다른 조치는 필요하지 않았다.  사용할 수 있는지 여부는 관리>스킨>html수정 에서 다음 구절이 있는지 찾아보면 된다. 있다면 그대로 진행하면 되고, 없다면 넣어주면 된다.         2) 돋보기 아이콘 넣기   관리>스킨>html수정에서 sidebar, search를 찾는다.  아래 사진처럼 <s_sidebar_element> <!–search –>가 보인다.  그 아래<….”press enter to search…”….>구절이 끝나는 곳에 빨간색 밑줄쳐진 대로 ‘<i class=”fa fa-search”></i>를 넣어주면 된다.        <참고글> 폰트어썸 웹 아이콘 적용하기 : http://gonegone21.tistory.com/31 폰트 어썸 웹 아이콘 : http://fortawesome.github.io/Font-Awesome/icons/

텀블러에 구글 애드센스 달기
Blog-Apps-SNS / 2015년 11월 15일

텀블러에 구글 애드센스 달기 한동안 인스타그람을 재미있게 하다보니 ‘애드센스가 달리면 괜찮을텐데’ 하는 생각이 들었지만 그것은 불가능. 그러다 문득 ‘텀블러라면 어떨까?’하는 생각에 실험삼아 옛날에 쓰던 묵은 계정을 되살려 보기로 했다. 결과는 성공적. 잊기 전에 남기는 의미에서 정리해 본다.      1. 모바일 화면 만들기 가. 맨 위 오른쪽에 ‘테마 편집’을 클릭한다 나. HTML 편집을 클릭한다 다. 전부 선택해서 복사한다 라. 왼쪽 메뉴 맨 아래에서 ‘페이지 추가’를 선택한다 > 마. 붙이고 저장한다 2. 구글 애드센스 달기 가. 애드센스로 가서 ‘반응형광고’ 코드를 가져온다 구글 애드센스 계정이 있고 반응형광고를 이미 만들어 놓았다는 가정하에 정리하고 있습니다. 계정이 없거나 만들지 않은 경우에는 아래 글을 참고해보세요. 구글 애드센스 계정 만들기에 관한 다윈님 글 보기 반응형 광고 만들기에 관한 글 보기 나. HTML 편집을 클릭한다 다. 원하는 곳에 광고 코드를 붙이고 저장한다 <style=”text-align: left;=”” clear:=”” none;=”” float:=”” none;”=”” style=”font-family: ‘Nanum Gothic’, ‘Ubuntu Condensed’, ‘Meiryo UI’; font-size: 15.679999351501465px; letter-spacing: 0.5px;”> 여기서는 본문 바로 위에 오도록 하기 위해 사진처럼 nevigation이 끝나고 main page가 시작하는 지점에 붙여넣어 줬다.  이 텀블러에 사용된 테마(티스토리의 스킨에 해당)는 Blogit Theme으로, 무료 테마로는 드물게 반응형으로 되어있다. 위 반응형 광고 만들기에 관한 글에서 언급한 대로, 구글 규정을 지키기 위해 코드중에 ‘auto’라고 되어있는 부분을 찾아 ‘horizontal’로 고쳐준다. 광고가 가운데로 오게 하기 위해 코드 앞과 뒤에 <center> </center>를 넣어준다. 2. 고급설정하기 가. 왼쪽…

반응형 스킨 Square를 소개합니다
Blog-Apps-SNS / 2015년 11월 4일

  헬리오스님이 추천해주신 Wallel님의 반응형 스킨 Square. 전에 사용했던 프라치노공간과 마찬가지로 담백하고 깔끔한 느낌의 스킨이다. 둘을 비교해 보자면…   1. 프라치노공간의 특징 댓글과 방명록에 디스커스 적용가능 글 수정, 삭제, 관리 등이 위에 아이콘으로 정렬되어 있어 편리 구글애드센스(반응형) 스킨차원에서 지원 유료(설치후)/ 20,000원 이상 구입자에 한해 문의사항 지원 2. 스퀘어의 특징 마크다운으로 작성된 글을 보다 잘 표현해준다 전체적으로 더 깔금하게 잘 짜인 디자인/ 본문에 집중하게 해준다 무료 스퀘어를 설치해본 현재, 애드센스 코드만 새로 넣어주고 무리 없이 쓰고 있다. 디스커스는 차차 적용해볼 계획.

프라치노공간 7.0.3을 소개합니다
Blog-Apps-SNS / 2015년 10월 21일

  지금 현재 이 블로그에 적용된 스킨이 바로 프라치노 공간 7.0.3이다.  깔끔하고 빠르고 아름다운 스킨이다.  오늘 아침에 바꿨는데, 현재까지 체감하고 있는 바뀐 점들은 다음과 같다. 1. 카테고리가 지원되네 전에 사용했던 버전은 카테고리가 지원되지 않아 관리>화면설정>메뉴에서 메뉴를 추가하는 편법을 사용해야 했다. 하지만 이번 버전에서는 왼쪽에 보이는 것 처럼 카테고리가 지원된다. 2. 방명록도 디스커스로 전에는 블로그 글에 댓글 달 때만 디스커스로 달 수 있었는데, 이제는 방명록에도 디스커스를 이용할 수 있다. 3. 태그가 보인다 본문 하단, 댓글 바로 위에 태그가 표시된다. 4. 공유단추 트위터, 페이스북, 구글플러스, 에버노트는 물론 포켓과 카카오스토리까지 우리나라 사람들이 즐겨 쓰는 서비스로 쉽게 공유할 수 있다. 이제 더 이상 복잡한 Add this가 필요 없다. >> 프라치노공간 다운받기

산책 – 도서 관리 앱
Blog-Apps-SNS / 2015년 2월 25일

며칠 전 아이폰 6를 사정상 백업하지 않고 복원할 일이 있었는데, 그 바람에 몇몇 앱의 데이터들을 잃어버렸다. 그중 제일 아까운 것이 우먼스센스의 데이터와 iReaditNow에 모아둔 독서관련 데이터였다. 작년 3월, 최고의 독서관리 앱으로 iReaditNow를 소개한 적이 있다. 이 앱에 읽은 책, 다 읽지 않은 책, 읽고 싶은 책으로 분류해서 저장해두었던 것을 모두 잃게 되었다. 로그인을 하면 복구할 수 있지만, 아뿔사. 아이디와 비밀번호를 적어두지도 않았는데 도무지 생각나지 않는 것이다.  그 김에 새로 찾은 것이 바로 오늘 소개할 ‘산책’이라는 앱이다. 산책은 iReaditNow와 마찬가지로 책을 관리하는 앱인데, 그에 비하면 기능이 단순해 책 읽기 관리를 앱을 통해 적극적으로 하려는 사람에게는 어딘지 만족스럽지 못할 수도 있다. 하지만, 많은 기능이 필요 없고 책 정보 위주로 정리하기를 원하는 사람이라면 오히려 더 잘 맞을 수도 있는 앱이다. 그래서 이 글 제목도 독서 관리 앱이 아니라 ‘도서 관리 앱’으로 되어 있다.      이 산책이란 앱 역시 검색, 바코드 스캔으로 입력이 가능한 것은 물론 직접 입력도 가능하다.      바코드 스캔과 인터넷 검색을 통해 책을 넣어 보았다. 이렇게 서가에 진열된 것 같은 모습으로 보인다. 마치 블로그에 알라딘 서재를 꾸며놓은 것과 비슷한 형태인데, 그도 그럴 것이 책을 등록하면 알라딘의 책 정보가 수록된다.    책을 등록하고 나면 이렇게 자동으로 책 종류가 분류된다.      그 뿐 아니라, 위 사진을 보면 내가 등록한 책이 전부 몇 권인지, 지은이 별, 역자…

데이 원 Day One
Blog-Apps-SNS / 2015년 1월 27일

  마크다운 글쓰기와 노트, html 변환, 체계적 글쓰기의 답을 Day One에서 찾았다. 아이폰과 맥북 양쪽에 모두 설치해 두긴 했지만, 평소 가끔 일기를 적을 때만 사용하던 앱을 보다 나은 용도로 사용할 수 있게 되었다. 깔끔하고 쉽게 글쓰고 그렇게 쓴 글을 체계적으로 관리할 수 있게 되었으니 이 글을 쓰면서 기대 이상의 수확을 거둔 셈이 되어 기쁘다.  아이폰과 맥 양쪽에 설치해 두고 아이클라우드나 드롭박스로 동기화할 수 있다. 유료사용자가 아니라면 용량이 얼마 되지 않겠지만, 마크다운으로 글을 쓰면 사진을 올리는 대신 외부에 있는 사진을 링크만 시키면 되므로 클라우드 서버에는 텍스트만 올라가는 셈이라 훨씬 용량을 줄일 수 있다.  단, Day One은 맥용이 $9.99, 아이폰/패드용이 $4.99불인 유료 앱이다.    Day One 맥/아이폰 앱 다운로드 >> http://dayoneapp.com

티스토리 스킨 프라치노공간 사이드 메뉴 설정 방법
Blog-Apps-SNS / 2015년 1월 21일

이 블로그는 현재 ‘프라치노 공간’이라는 스킨이 적용된 상태다. 깔끔하고 보기에도 좋은 장점이 많은 스킨인데, 사용자에 따라서는 단순함이 불편할 수도 있다. 그중 하나가 바로 프라치노 공간이 사이드바와 카테고리를 지원하지 않는다는 것이다. (2015.10.22. 현재 새로 설치한 7.0.3 버전은 왼쪽에 보이는 것 처럼 카테고리를 지원합니다.)     사이드바도 카테고리도 지원하지 않기 때문에 이 블로그 왼쪽에 보이는 것 처럼 메뉴를 넣으려면 ‘티스토리 관리> 화면설정> 메뉴’에서 작업해 줘야 한다.       홈, 태그, 방명록, 글쓰기, 관리자 메뉴를 추가하려면 ‘기본메뉴’에 들어가서 선택을 한 뒤 오른쪽 ‘추가’ 단추를 누르면 그 오른쪽에 추가된 메뉴가 나타난다.  카테고리를 나타내려면 카테고리를 선택하고 ‘메뉴명’을 선택한 다음 ‘추가’단추를 누른다.  설정을 마치면 맨 위 오른쪽에 있는 ‘저장’단추를 꼭 눌러줘야 한다.