티스토리에서 사칭하기를 읽고

기타 2007. 2. 2. 11:59
1UP님의 티스토리에서 사칭하기라는 글을 읽고 간단하게 적습니다.

전혀 몰랐는데, 그런 문제가 있었군요. 짧게 요약하자면 "댓글이나 방명록에 글을 남길 때 다른 사람의 티스토리 주소와 닉네임을 사용해도 블로그 아이콘이나 댓글 알리미가 작동한다"는 거죠.

많은 분들이 댓글에서 "회원들만을 위한 서비스가 아닐 때는 어쩔 수가 없는 문제"이라고 하시는데, 그건 아니라고 생각합니다. 간단하게 만인의 게시판(^^) 제로보드를 예로 들면, (일반적인 세팅이라고 가정하고)

회원과 비회원의 댓글을 모두 허용하는 게시판일 경우 회원이 글을 남기면 이름이 굵게 표시됩니다. 비회원이 글을 남기면 이름이 보통으로 표시되지요. 즉, 로그인을 하지 않은 상태에서는 아무리 회원의 아이디 (닉네임)인 양 글을 적어봐야 이름이 굵게 표시되지 않으니 사칭하고 있다면 단박에 알아챌 수 있다는 뜻입니다.

제로보드의 리플 표시 예

제로보드의 경우에는 로그인한 사용자만 이름이 굵게 나옵니다.


반면에 티스토리의 경우는 회원의 비밀번호나 심지어 아이디까지 전혀 알지 못해도 홈페이지 주소만 맞으면 아이콘 표시와 함께 댓글 알리미가 작동한다고 하니 언제든 사칭할 수 있는 여지가 있습니다. 1UP님이 말씀 하신 것처럼 신종 광고의 도구로 사용될 수도 있겠지요. 이건 분명히 다른 형태의 문제라고 할 수 있죠.

즉, 블로그의 아이콘을 보여주고, 댓글 알리미가 작동된다는 것은 글을 남긴 유저가 홈페이지란에 적은 블로그의 진짜 주인이라는 전제하에 작동하는 기능인데, 현재는 진짜 주인을 확인하는 절차가 없다는 거예요.

논리적으로 볼 때 해결방법은 간단할 듯 합니다. 아이콘 표시나 댓글 알리미 등의 해당 모듈을 작동시키기 전에 아이디와 비밀번호를 체크해주면 될테니까요. 물론 이를 위해 얼만큼의 수정이 필요한지는 모르지만 말이죠.


p.s. 로그인한 사용자만 글을 쓰게 하는 건 분명히 해결 방법이 아닙니다. 그럼 로그인하지 않은 사용자들은 글을 남길 수 없게 되니까요. 차라리 아이콘 보여주기와 댓글 알리미 기능이 없는 상태로 돌아가는 게 여러가지 면에서 더 맞는 거겠죠.

p.s.2. 그런데, 이게 티스토리만의 문제는 아닌 듯 해요. 설치형 태터툴즈도 똑같은 방법을 사용하지 않나요?
,

태터툴즈 설치형과 티스토리의 치환자 차이 - 키워드 관련

팁 2007. 2. 1. 13:24
태터툴즈에는 원래는 기본 기능으로 있다가 업그레이드 되면서 빠졌다가 다시 플러그인으로 추가된 기능[각주:1]이 있습니다. 바로 키워드 (키로그) 기능이지요.

특이하게 현재 설치형 버전 1.1.1과 티스토리 1.1[각주:2]은 이 기능과 관련된 스킨 치환자들의 사용법에 약간의 차이가 있습니다. 왜 이런 차이가 생겼는지 이유는 잘 모르겠습니다만, 이 차이를 유지해줘야 양쪽의 경우 모두 제대로 나오게 됩니다.

간단하게 다음의 예를 보죠.


태터툴즈 1.1.1의 경우에는 이렇게 적어야 제대로 나옵니다.

<s_keyword>
    <ul>
        <s_keyword_date_rep><s_keyword_rep>
            <li onclick="[ ##_onclick_keyword_## ]" style="cursor:pointer;cursor:hand;">[ ##_keyword_label_## ]</li>
        </s_keyword_rep></s_keyword_date_rep>
    </ul>
</s_keyword>


반면 티스토리 1.1의 경우에는 <s_keyword_date_rep> 와 </s_keyword_date_rep> 를 적어주면 키워드가 제대로 표시가 되지 않기 때문에 반드시 빼줘야 합니다.

<s_keyword>
    <ul>
        <s_keyword_rep>
            <li onclick="[ ##_onclick_keyword_## ]" style="cursor:pointer;cursor:hand;">[ ##_keyword_label_## ]</li>
        </s_keyword_rep>
    </ul>
</s_keyword>

  1. 우여곡절이 참 많은 기능입니다. [본문으로]
  2. 태터툴즈의 버전을 표시하는 치환자 [ ##_tattertools_version_## ]으로 확인해보면 현재의 티스토리 버전은 1.1이지요. [본문으로]
,

[예고/의견구함] Letter To You 1.1 스킨 등

스킨 2007. 1. 30. 00:21
사실 제가 스킨을 만드는 이유는 개인적인 이유입니다만, 만들면서 신경쓰는 게 두 가지가 있습니다.
첫째, 익숙함 보다는 특이한 스타일을 많이 만들어 보자.
둘째, 그래도 불편하지는 않게 만들자.[각주:1]
물론 실력이 많이 부족해서 이 두가지 다 제대로 지켜지지 않지만 그래도 최대한 잘 만들려고 노력하는 중입니다. 그런 의미로 새로운 스킨 배포는 조금 천천히 하고 이제까지 만들었던 스킨들의 버그가 있으면 버그도 잡고 키로그와 미디어로그도 추가해보려고 합니다[각주:2].

그리고, 조만간 새로운 스킨을 하나 배포할 예정인데요, 이름[각주:3]은 Letter To You 1.1 입니다. 현재 본문가로폭 500px 로 고정되었고, 키로그와 미디어로그까지 지원하는 스킨입니다. 일단 여기 스킨도 이걸로 변경했습니다.

*                      *                      *                      *                      *

스킨을 배포하기 전에 제 스킨을 이용해 주시는 분들 및 이용해 주실 분들(^^)에게 간단하게 의견을 구하려고 하는데요, 저 우측 상단에 있는 칼이 편지봉투칼처럼 보이나요? -_-;

저는 그렇게 생각하고 작업했는데 혹시나 해서요;;; 혹시 저거보다 보기 좋은 편지봉투칼을 가지고 계신 분들이 카메라로 잘 찍어서 보내주시면 그걸 사용할 수도 있겠지요. ^^

이미지를 편지봉투칼에서 연필로 바꿨습니다. 메뉴 사이에 쏙- 넣었습니다. ^^

그럼 제가 배포했던 여러가지 스킨들에 키로그와 미디어로그도 넣고 Letter To You 스킨도 마무리를 해야겠습니다.

p.s. 미디어로그 부분 표시되는 게 넘쳐버리는군요; 특별한 설정값도 없던데;;; 어찌해야 하는지… 역시 해결되었습니다.
  1. 위에서 이야기한 두번째 이유의 경우에는 실천의 의미로 스킨을 새로 낼 때마다 제 스킨을 제가 직접 사용해왔습니다. (I eat my own dog food) 하지만, 스킨을 배포하는 주기가 짧으니 그게 큰 의미가 없는 것 같기도 합니다. [본문으로]
  2. 이제까지 넣지 않았던 이유는 키로그는 태터툴즈의 기본 기능이 아니라 플러그인으로 작동되는 형태였고, 미디어로그도 티스토리에만 적용되는 기능이었기 때문입니다. 하지만, 많은 분들이 사용하는 기능이니 넣어야 할 것 같아요. 결국 티스토리와 태터툴즈 버전이 각각 만들어져야 한다는 뜻인 걸까요? ㅜ.ㅡ [본문으로]
  3. 저는 스킨을 만들 때보다 스킨 이름 지을 때가 더 재밌는 것 같아요. :p [본문으로]
,

CSS를 사용하면 이렇게 디자인을 할 수 있다.

CSS 2007. 1. 27. 10:42
designing using CSS


실제로 이렇게 해서 얻어지는 이점을 나중에 얼마나 이용하는지에 대한 회의가 없는 것도 아니지만
데이터와 디자인적인 요소들을 구분하는 것은 여러가지 면에서 최소한 나쁘지 않다고 생각해요.

저도 이와 비슷하게 스킨을 만들고 있습니다.
이미 기본적인 구조가 있기 때문에 매번 처음부터 할 필요는 없지만요. :)

p.s. 위의 이미지는 예전에 digg.com 에서 보고 다운받아놨는데 정확한 출처는 모르겠어요. @.@
,

스킨을 배포합니다. Mess Around 1.1

스킨/배포 2007. 1. 26. 19:24
Mess Around 1.1

Mess Around 1.1 스킨 모습입니다.



스킨명

Mess Around 1.1


개요

어지럽혀 보고 싶어서 만든 스킨입니다. 포스트잇과 구겨진 종이[각주:1], 여기저기 튄 잉크가 컨셉입니다. 예, 정말 메스 어라운드하죠. 하지만, 내공이 부족하여 윗부분에 조금 어지럽하는 척만 하고 말았습니다. (다음번엔 꼭!)

(참고로 제가 '어쿠스틱 마인드'의 써머즈입니다. 어쿠스틱. ^^)


내용

- 1단형 스킨입니다.

- 사이드바는 하단에 위치하고 있지만 태터툴즈의 사이드바 기능을 지원합니다.
   (관리자 모드에서 바로 넣었다 뺐다 할 수 있어요.)
   예를 들어 카테고리가 옆으로 주루룩 나오기 때문에 보기 싫으신 분들은 살짝 빼두실 수 있다는 뜻이지요.

- 화면이 세로로 길어지는 바람에 위 아래로 이동하는데 불편하여 자바스크립트를 넣어두었습니다.
   마우스를 더블클릭하면 제일 아래로, 혹은 제일 위로 이동합니다. 한번 해보세요.
- 자바스크립트 에러가 난다고 합니다. 이 기능을 빼야 할 것 같습니다;;;

- 블로그 로고 이미지를 보여줍니다.
  가로 크기 80px 이상인 이미지들도 무조건 80px 로 고정되서 표시가 됩니다.
  처음부터 적당한 크기로 줄여서 사용하시는 게 좋고, 가로 세로 크기가 비슷한 이미지가 보기 좋습니다.

- 가로폭은 기본적으로 650px이지만 원하는 폭으로 수정하기가 그리 어렵지 않습니다.
   style.css 와 index.xml 만 수정하면 됩니다.
  수정 방법은 style.css 안에 주석으로 넣어두었습니다.

- 또한 폰트 크기라든지 색깔, 사용된 이미지 등은 style.css 파일을 수정하는 것만으로 가능합니다.

- 테스트 환경은 윈도우XP + 파이어폭스 2.0.0.1, 인터넷 익스플로러 6.0, 오페라 9.10 입니다.
  태터툴즈 1.1과 티스토리 1.1에서 잘 작동합니다.

- 자유롭게 수정이 가능하며, 저작권 표시하에 재배포 가능합니다.


다운로드 받으러 가기

▶ (클릭) 태터툴즈 스킨 자료실 [TT 1.1 & 티스토리 1.1] Mess Around 1.1


그리고

- 본문폭 500px 블로그, 800px 블로그를 위한 스타일시트와 xml를 만들어 두었습니다.
  다운 받아서 이름만 style.css 와 index.xml 로 변경해서 사용하시면 됩니다.

invalid-file

CSS & XML for various widths (Mess Around 1.1)



그리고

- 이 스킨을 티스토리에 설치하시면 자바스크립트 에러가 난다고 합니다. 더블클릭하면 위아래로 이동하는 기능 때문인데요, 불편하신 분들은 해당 스크립트를 삭제하시고 쓰시면 되겠습니다. (설치형에서 테스트할 때는 별다른 에러가 나지 않았는데 티스토리에 설치하니 나는 것 같군요.)

skin.html 의 11번째줄 <script language=javascript> 부터 51번째줄 </script> 까지를 삭제하시면 됩니다.
  1. 참고로 종이 구겨진 건 예전에 진짜로 종이를 구겨놓고 카메라로 찍어서 손봤던 샘플입니다. ^^ [본문으로]
,
글 목록 번호 : 1 ··· 5 6 7 8 9 10
◀ 다음 글 목록 이전 글 목록 ▶

티스토리툴바