이전의 '방문로그 기록편'에서 이어지는 글입니다.구글 스프레드시트를 데이터베이스로 이용하기 - 1.1 방문로그 기록 편 방문로그 기록편에서 구글스프레드시트의 40만셀 제한때문에, 5만개정도의 로그까지만 기록이 가능하다고 언급한적이 있습니다.(40만셀 제한이 명시되어있지만 현재 40만셀이 넘었음에도 계속 기록이 진행되는걸로 봐서 제한선이 더 확대된 것 같습니다.)때문에, 주기적으로 직접 오래된 데이터를 지워줘야한다고 했었는데요. 이번 포스팅에서는 자동으로 일정시점이 지난 로그는 삭제하는 스크립트를 알아보도록 하겠습니다. 일정 날짜가 지난 로그는 삭제하도록 하기 로그가 기록되고있는 스프레드시트에서도구 - 스크립트 편집기로 들어갑니다. 지난번에 작성해둔 스크립트가 있을겁니다. 맨밑에 다음 코드를 붙여넣습니다...

구글 스프레드시트를 데이터베이스로 이용하기 - 1. ajax POST를 통한 기록 편 구글 스프레드시트를 데이터베이스로 이용하기 - 1.1 방문로그 기록 편 지난 글들은 구글 스프레드시트들 데이터베이스로 이용하기 중 '입력'에 해당하는 내용이었습니다. 데이터베이스라면 '출력'도 가능해야 할 텐데요. 하지만 안타깝게도 아직은 완전한 방법은 발견하지 못했습니다. 구글 스프레드시트를 데이터베이스로 이용하기 - 2.1 ajax로 json데이터 받아오기편 현재(2014년10월28일) 시점을 기준으로 이 블로그의 최하단에는 카운터와 함께, 이 게시글의 조회수와 조회수 순위가 출력되고 있습니다. 그리고 잘 살펴보시면 아시겠지만, iframe으로 불러오기 때문에 스타일을 변경할 수 없는 치명적 단점이 있습니다. aja..

지난 포스팅을 통해 구글스프레드시트에 ajax로 기록하는 방법을 알아봤습니다.구글 스프레드시트를 데이터베이스로 이용하기 - ajax POST를 통한 기록 편 이번에는 이것을 응용하여 방문 로그 기록하는 방법을 알아보겠습니다. 방문로그는 기본적으로 방문시각, 방문한 페이지를 기록하게됩니다.구글애널리틱스를 설치하면 이런 방문로그 데이터를 모아 통계적으로 분석을 해주는데, 이런 방문로그를 직접 수집하는 것입니다. 직접 방문로그를 수집할 수 있기 때문에, 실시간으로, 원하는 정보만 골라서 얻을 수 있습니다. (구글 애널리틱스도 완전히 실시간이 아니고, 전체 로그를 제공하지도 않죠) 아래는 현재 이 블로그에서 수집된 로그의 일부입니다. 기본적으로 Timestamp(방문 시각), path(방문페이지)를 기록하고있고..

서버를 가지고 운영하는 웹사이트는 데이터베이스(db)를 가지고 각종 정보를 기록하고 읽어들일 수 있습니다. 게시판, 댓글, 회원정보 등 모두 db에 저장되고 불러와집니다. 그러나 티스토리는 서비스형 블로그이기 때문에, 데이터베이스에 접근할 수 없고, 그것을 활용할 수도 없습니다. 작은 크기의 데이터에 한정된 이야기지만, 구글드라이브에서 서비스하고있는 구글 스프레드시트(google spreadsheet)를 마치 데이터베이스 처럼 사용할 수 있는 방법이 있습니다. 구글 스프레드시트는 무료이며, 따로 용량제한은 없고 총 40만셀, 256열까지 기록이 가능합니다.또한 api를 제공하기 때문에 클라우드DB로 사용하기 적합합니다. (물론 SQL을 사용할 수 없지만..) 접근할 수 있는 데이터베이스를 가짐으로서 응용..

라인은 아직까지 한국용 api를 공개하고있지 않습니다. 그래서 일본, 영어권용 라인 공유api를 적용했었는데요 http://media.line.me/howto/en/ 그런데 이게 스크립트를 불러와 버튼을 만들어주는 방식이었기 때문에, 속도저하의 원인이 되었습니다. ▲구글 페이지스피드 인사이트(https://developers.google.com/speed/pagespeed/insights/) 검사에서 항상 지적당하는 라인 스크립트.. 그래서 적용하기 조금 번거로울지라도 영어api를 참조하여 링크방식으로 변경하였습니다. 링크방식 라인 공유 버튼 적용 1.HTML/CSS편집에서 라인버튼 이미지를 업로드합니다. (가로세로 30px 이미지입니다. 업로드할 때 이름이 line_button.png 인지 확인해주세요..

커스텀을 계속하면서 점점 Fastboot 스킨이 전혀 다른 모습으로 변해가고 있습니다 ^^ 다 모아서 한번 Fastboot 뭐하라's Editiion한번 만들어봐야겠네요 ㅋㅋ 제가 다시 수정하기 전까지 보신 분들은 지금 설명하는 제목스타일을 직접 보실테지만, 언제 수정할 지 모르니 스크린샷부터 남깁니다. 배경이미지를 글씨에 맞게 자르는 옵션이 현재 Webkit기반 브라우저(크롬 등)에서만 동작하기 때문에, IE나 FF에서는 세번째 그림처럼 나타납니다. 그럼 간단히 수정방법을 알아봅시다. . 보이는 것과 같이 제목 스타일 변경하기 1. skin.html에서 다음을 찾아 아래와같이 변경합니다. Fastboot 스킨 커스텀 - 제목 스타일 변경 Fastboot 스킨 커스텀 - 제목 스타일 변경 2.style.css에..

------------티스토리 업데이트로 이제 본문내 치환자를 입력해도 정상적으로 출력됩니다.----------------------------아래 내용은 업데이트 이전에 사용하던 방법이니 참고하시기 바랍니다.----------------------- 티스토리 스킨. 스크립트 개발자 여러분들 자신이 만든 코드를 올리는데, 티스토리 스킨 치환자가 포함되어있으면, 그대로 올릴 수 없는 문제를 모두 아실겁니다. 예를들어 을 쓰고싶어도 그냥 쓰게되면 '' 이처럼 블로그 제목으로 치환되거나 아예 빈칸으로 나타나게됩니다. 그래서 대부분의 개발자분들은 ##을 샵샵으로 바꿔써놓거나, ##사이에 띄어쓰기를 넣고 코드를 이용하는 사용자분들에게 "샵샵을 ##으로 바꿔주세요", "#사이의 띄어쓰기는 제거해주세요." 등의 요청..

최근들어 트랙백 스팸이 너무 심해지던 찰나에 티스토리에서 대책을 내놓긴 했는데요, 그것은 바로 트랙백기능 사용 중지.. (추후에 제대로된 기능을 내놓는다고 하긴 했지만요.) 근본적인 해결법은 아니라 생각되어 다른방법을 찾던 중 해커C님의 스크립트를 알게되었습니다. http://hackerc.tistory.com/694 저는 여기에 약간 수정을 가했습니다.블로그 주소 자동 인식버튼 스타일 적용주소복사버튼 추가주소복사는 다음을 참고했습니다.http://stackoverflow.com/questions/400212/how-to-copy-to-the-clipboard-in-javascript 적용 방법적용방법은 Readiz님의 Fastboot 스킨을 기준으로 하지만 다른 스킨도 크게 다르지 않습니다. 1.위 코..

티스토리 공식 모바일앱이 만들어진 것은 모두 알고계시죠?이전에도 공식앱이 생긴 기념으로 포스팅을 한 적이 있었는데요. 몇차례 업데이트가 있었지만 아직 불편하거나 부족한 부분이 있습니다.하지만 일반 웹에 적용하고 싶은 모바일앱 만의 장점도 있었습니다. 단지 제 생각일 뿐이니 참고만 해주세요! 티스토리 모바일 앱(안드로이드용) 개선하면 좋을 점 1. 알림으로 댓글확인 할 때 본문을 볼 수 없음알림을 통해 댓글을 확인하는 경우 본문내용을 다시 보려고해도 안됩니다. 분명 백그라운드에 본문이 떠있는데도 말이죠.취소버튼을 누르면 다시 알림창으로 돌아가고, 댓글아이콘을 눌러도 반응이 없습니다.취소버튼을 눌렀을 때 본문을 한번 거치거나, 댓글아이콘을 누르면 댓글이 내려가서 본문을 볼 수 있는 기능이 추가되어야 합니다...

에 배경화면을 쓰는 경우에 대한 팁입니다.body에 background속성으로 배경화면을 넣는 경우 본문을 스크롤 할 때 배경화면도 함께 스크롤 됩니다.본문을 스크롤 하더라도 배경화면을 고정하고 싶은 경우 사용할 수 있는 방법입니다. . 고정 배경 이미지 적용하기HTML/CSS편집 - Style.css에 다음을 추가하시면 됩니다. ※이 방법을 사용하게 되면 IE7 이하에서는 배경화면이 보이지 않게됩니다. body:before{ content:""; position:fixed; top:0;right:0;bottom:0;left:0; background:#fff url('./images/bg.jpg') top; background-size: contain; background-repeat:no-repeat;..