'블로그'에 해당되는 글 5건

  1. 2008.06.13 스킨 수정 및 업그레이드 (2)
  2. 2007.11.08 블로그 플러그인, 위젯 사용시 생각해야 할 점 (14)
  3. 2007.10.17 블로그 다시 이전 (14)
  4. 2007.08.23 그동안의 근황 (6)
  5. 2007.06.14 블로그 아이콘을 바꿔야 하나.... (4)
posted by eyeball 2008. 6. 13. 18:21
"사용자

오랫동안 귀차니즘으로 인하여 미뤄왔던 스킨 개편을 갑자기 그분께서 강림하시어 귀차니즘을 이기고 샤샤샥 해버렸다. 그리고 스킨 개편 도중 갑자기 텍스트큐브 1.7이 정식 발표되었기에 하는 김에 텍스트큐브도 업그레이드 했다.

현재 쓰고 있는 스킨은 태터툴즈 1.0.6때부터 쓰고 있는 YROTS님의 S1T3가 기반이다. 커버 페이지는 커녕 블로그 관리자 자체에서 사이드바 모듈이 지원하지 않던 시절에 만들어진 스킨인데다가 무려 Table로 레이아웃이 코딩 된 스킨인지라 레몬팬이나 기타 위젯들이 제대로 작동하지 않는 등 구조적인 문제가 많은 스킨이였다.

때문에 이번 기회에 기본 디자인은 그대로 두고 Table구조를 Div구조로 바꾸고 불필요한 이미지들을 줄여서 트래픽 및 로딩속도를 향상시키고 웹표준에 근접하도록 코딩하였다. 이 과정에서 다소 모양이 변하긴 했지만 오히려 더 깔끔하게 변했다고 생각한다. 그렇게 해서 4일에 걸쳐 개편한 모습이 바로 현재 모습이다. 이전과 별반 다를 것은 없지만...

아무튼 개편 후 가장 큰 이득은 바로 레몬팬이 정상 작동한다는 점이다. 이전 Table구조일 때는 레몬팬을 설치한 뒤 파이어폭스에서 블로그 내의 공백등을 클릭하면 레이아웃이 깨지는 문제가 발생 했는데 그 문제가 해결되었다. 그 당시 레몬팬에 버그리포팅도 올렸었지만 원인을 못 찾았는지 답변조차 달리지 않았다.

"사용자

그 다음으로 이득은 Windows Live Writer에서 글 작성 시 웹 레이아웃이 정상적으로 작동하는 점이다. 내 입장에서는 이점이 가장 큰 이득이라고 할 수 있겠다. 개편 전에는 WLW가 본문 구조를 제대로 읽어오지 못해 일반이나 웹 레이아웃이나 차이가 없었지만, 지금은 이렇게 정상적으로 작동한다. 때문에 글을 쓸 때 줄내림이나 이미지 배치 등을 훨씬 편하게 할 수 있게 되었다.

스킨을 수정하면서 가장 머리아팠던 것은 역시 IE문제였다. 일단 기본 작업은 파이어폭스2를 기준으로 했다. 파폭에만 맞춰도 사파리 등 IE를 제외한 다른 브라우져에서도 똑같이 나오기 때문이다. 그렇게 다 만들고 나서 IE7로 확인해보니... 역시나 몇군데 치명적인 문제점이 발생했다. 덕분에 편법으로 파폭과 IE에서 모두 제대로 나오도록 하다보니 몇군데는 웹표준을 무시하고 코드를 짜야했다. IE7에서도 이정도인데 IE6은 정말 확인 해 볼 엄두가 나질 않는다. 실제로 IE6이 깔린 시스템이 주변에 없다는 이유로 확인해 보지도 않았다..;;

그래도 묵혀뒀던 한 건을 해결하고 나니 왠지 모를 이 뿌듯함..
앞으로 최소 6개월 동안은 스킨에 손대는 일은 없을듯 싶다.

'잡담 > Computer' 카테고리의 다른 글

역시 청소가 필요해  (6) 2008.11.01
모니터 고민  (4) 2008.06.22
스킨 수정 및 업그레이드  (2) 2008.06.13
클럽박스 마일리지  (20) 2008.02.26
그저 알송이 최고  (27) 2008.02.25
비스타 64비트 사용 1주일 째  (21) 2008.02.23

댓글을 달아 주세요

  1. Favicon of http://kazuma.tistory.com/ BlogIcon 시브리즈 2008.06.13 23:09  Addr  Edit/Del  Reply

    미세한 차이가 있는듯... [크게는 못 느끼겠지만]

    • Favicon of http://eyeball.pe.kr BlogIcon eyeball 2008.06.15 16:21  Addr  Edit/Del

      디자인은 거의 안바꿨으니까...
      디자인 중 가장 크게 바뀐 부분은... 카운터?

posted by eyeball 2007. 11. 8. 15:42


요즘 인터넷을 돌아다니다 보면 여기저기서 유용한 위젯이나 플러그인이 쏟아져 나오고 있다. 단순히 통계를 내주는 것에서 부터 화려한 디자인의 시계, 간단하게 즐길 수 있는 게임 등 그 종류 또한 다양하다. 하지만 그저 신기하다고, 재미있다고 이런 플러그인이나 위젯을 무분별하게 설치하다 보면 방문자에 대한 배려는 하지 않은 채 자기만족에만 그치는 수가 있다. 적당한 사용으로 방문자에게 쾌적한 환경을 제공하는 것이 중요하다.


1. 디자인의 일관성을 유지한다.
블로그 자체 플러그인의 경우 블로그 디자인에 맞게 수정 가능한 경우가 많지만 외부에서 제공하는 위젯의 경우 디자인이 고정된 경우가 많다. 때문에 해당 위젯 혼자 덩그라니 놓여있게 되므로 블로그 디자인의 일관성을 침해하게 되며 심할경우 본문에 대한 집중도를 떨어뜨릴 수 있다. 때문에 플러그인 및 위젯을 설치할 때는 최대한 블로그 디자인과 비슷하게 만들어 자연스럽게 보이도록 하는 것이 바람직하다.

2. 방문자의 시스템 상태를 배려한다.
요즘은 다들 컴퓨터의 사양이 좋기 때문에, 혹은 그런 것에 대한 자각이 없기 때문에 저사양 방문자에 대한 배려를 하지 않는 사이트나 블로그가 종종 보인다. 하지만 저사양 방문자의 경우 페이지 전환 효과와 같이 화면 전체에 자바스크립트가 적용되는 플러그인이나 플래시로 만들어진 위젯을 사용할 경우 시스템이 버벅일 수 있다. 그리고 저사양이 아니더라도 시스템 자원을 잡아 먹는 것은 사실이니 특히 페이지 전체에 적용되는 자바스크립트의 경우 가급적 사용을 자제하는 것이 좋다. 아무리 화려하고 신기한 효과를 주더라도 방문자에게 불편을 끼친다면 그것은 없느니만 못한 것이 된다. 방문자는 블로그의 글을 보러 온 것이지 퍼포먼스를 보러 온 것이 아니다.

3. 블로그의 로딩속도를 생각한다.
블로그에 설치하는 위젯은 기본적으로 외부서버에서 작동하는 것이다. 특히, 외국에서 제공하는 위젯이 많은데 이런 위젯을 사용할 경우 블로그의 전체적인 로딩속도를 저하시키는 원인이 된다. 웹 페이지는 기본적으로 순서대로 실행되는 인터프리터 언어로 구성되어 있기 때문에 HTML문서 윗줄이 로딩되어야 아랫줄이 로딩된다. 때문에 해당 위젯의 로딩이 지연된다면 자연히 그 밑의 내용도 늦어지기 때문에 로딩이 느린 위젯은 본문 하단에 달거나 오른쪽 사이드바에 달아 최소한 본문이라도 먼저 보이도록 하는 것이 좋으며 페이지에 표시되지 않는 통계용 코드의 경우 BODY태그의 최하단에 위치시키는 것이 좋다. 로딩이 느리더라도 본문이라도 일단 로딩이 되도록 하여 방문자의 신경을 본문쪽으로 유도하여 답답함을 덜어주는 전략이다.

댓글을 달아 주세요

  1. Favicon of http://akkiha.tistory.com BlogIcon 아키하 2007.11.08 18:42  Addr  Edit/Del  Reply

    아, 예전에 팬3 500쓸때 로딩압박 느끼던떄가 기억나네요..

  2. Favicon of http://einz.kr/ BlogIcon 아인 2007.11.08 19:31  Addr  Edit/Del  Reply

    동접자 나오는 거 가끔 로딩이 너무 느리지;

  3. Favicon of http://kazuma.tistory.com BlogIcon 시브리즈 2007.11.08 23:05  Addr  Edit/Del  Reply

    확실히 블로그 로딩 속도면에서는....

    안습이 좀 강해요 ㅇㅅㅇ

    일반적인 것은[..]

    • Favicon of http://eyeball.pe.kr BlogIcon eyeball 2007.11.08 23:48  Addr  Edit/Del

      그렇죠...
      로딩속도가 가장 빠른 것은 아무 기능도 없는 것이지요...

  4. Favicon of http://www.digimoon.net/tt BlogIcon 디지문 2007.11.09 00:53  Addr  Edit/Del  Reply

    제가 초창기 서버 돌릴 때 사양이 펜3 500E이었습니다.
    그 땐 태터툴즈 클래식을 돌렸는데 무난하게 잘 돌아갔죠. 근데 버전업을 하니 페이지 로딩 속도가 점점 느려지더군요.
    아, 펜3 500에선 삼바서버 돌릴 때도 윈도 탐색창에서 디렉토리 목록 뜰 때 딜레이 제법 있습니다. 답답하다고 느껴질 정도죠.

    • Favicon of http://eyeball.pe.kr BlogIcon eyeball 2007.11.09 01:15  Addr  Edit/Del

      저도 팬3 500 카트마이가 아직도 현역으로 근무중이죠...
      확실히.. 팬3 1기가급 이하에서는 버벅이는 사이트 많아요...

  5. Favicon of http://rootbox.co.kr/ BlogIcon http://rootbox.co.kr/ 2007.11.09 16:28  Addr  Edit/Del  Reply

    그래서 난 앵간한건 다 지워버렸어;
    나름 빨라져서 긋~

  6. Favicon of http://sharkhunter.tistory.com BlogIcon 샤크헌터 2007.11.09 21:42  Addr  Edit/Del  Reply

    블로그 초짜라서 이런건 아무리 봐도....ㅠ ㅠ

    • Favicon of http://eyeball.pe.kr BlogIcon eyeball 2007.11.09 21:54  Addr  Edit/Del

      뭐 꼭 지키지 않아도 되는 권고사항 같은거니...
      이런것에 대해 한번이라도 들어보았다면 그것만으로도 충분해요...

  7. Favicon of http://rapport87.egloos.com BlogIcon 사르가스 2007.11.11 10:45  Addr  Edit/Del  Reply

    살려줘...

posted by eyeball 2007. 10. 17. 16:27


텍스트 큐브의 유혹을 견디다 못해 결국 티스토리에서 다시 서버를 이전하게 되었다.
원래는 cafe24로 이전 할 계획이였지만 어차피 cafe24에서도 트래픽 분산을 위해 스킨 및 짤방등의 이미지 파일 분리작업을 할거라면 차라리 내 서버로 옮기는 것도 나쁘지 않을듯해서 무려 ADSL로 운영 중인 내 서버로 다시 옮기게 되었다.

대부분 이미지로 이루어진 내 블로그의 특성상 스킨이 잡아먹는 트래픽이 상당하기 때문에 티스토리 계정에 스킨을 올려 그 링크를 따오는 방식을 사용하였고 자주쓰는 짤방 이미지 역시 티스토리에 따로 이미지모음 포스팅을 하여 그쪽으로 링크를 돌리는 방식으로 운영할 계획이다. 그렇게 하여 본 서버는 최대한 본문에 대한 트래픽만 부담하도록 하여 ADSL의 초 느린 회선을 보완하였다.

하지만 이러한 방식은 티스토리 블로그서비스가 정검중이거나 기타 사유 때문에 접속이 불가능한 경우 본 블로그의 스킨과 몇몇 이미지가 로딩이 안 되는 불상사가 발생하게 된다. 뭐 그래도 레이아웃은 깨지지 않으니 본문을 읽는 데는 크게 지장은 없을 테지만 그래도 문제긴 문제다.

그래도 이것저것 자유롭게 해볼 수도 있고 무엇보다 지원되는 플러그인이 많아서 그것만으로도 충분히 만족스럽다. 티스토리가 그렇게 간단히 무너질 것 같지도 않으니 걱정은 없을 듯 하고, 하다가 정 안되면 호스팅으로 다시 이전하면 되니까 이대로 사용해도 괜찮을 것 같다.

'잡담 > Computer' 카테고리의 다른 글

아무래도 역마살이 낀것 같다  (20) 2007.10.24
오랜만에 사진 폴더를 정리하고 있었다...  (16) 2007.10.23
블로그 다시 이전  (14) 2007.10.17
텍스트 큐브의 유혹...  (10) 2007.10.08
최근들어 가장 큰 삽질....  (29) 2007.10.03
내방... 불 안 난게 신기하군...  (12) 2007.09.29

댓글을 달아 주세요

  1. Favicon of http://einz.kr BlogIcon 아인 2007.10.17 17:14  Addr  Edit/Del  Reply

    오픈아이디 지원하면서 스킨이 깨지네
    닉네임 쓰는 란이 가려진다 수정 요구 =3=

    지금 이 댓글에서
    From. 아인 2007/10/17 17:12
    이부분이 아래가 짤려 나옴
    참고로 IE6 기준

    • Favicon of http://eyeball.pe.kr BlogIcon eyeball 2007.10.17 17:48  Addr  Edit/Del

      수정 완료..
      난 파폭만 쓰다보니 IE에서 깨지는지는 몰랐네...
      버그 제보 감사~

  2. Favicon of http://cosy.tistory.com BlogIcon Cosy 2007.10.17 19:24  Addr  Edit/Del  Reply

    텍스트큐브가 지원하는 플러그인이 더 많은건가요..

    • Favicon of http://eyeball.pe.kr BlogIcon eyeball 2007.10.17 19:36  Addr  Edit/Del

      테터툴즈 플러그인 게시판을 한번 보시면 알겠지만
      티스토리에서 지원하는 플러그인은 정말 극히 일부에 지나지 않아요...

  3. Favicon of http://u2cap.egloos.com BlogIcon 이젤론 2007.10.17 22:38  Addr  Edit/Del  Reply

    다시 이전하셨군요. ^^;;

    • Favicon of http://eyeball.pe.kr BlogIcon eyeball 2007.10.17 22:42  Addr  Edit/Del

      저는 천상 서비스형 블로그에는 못 있을 팔자인가봐요..^^;;

  4. Favicon of http://yellowmoe.tistory.com BlogIcon 미스즈 2007.10.18 16:48  Addr  Edit/Del  Reply

    옮긴건가요..ㄷㄷ

    그쪽 주소도 가르쳐주세요..^^

    P.s:오늘 시험이 끝남.ㄷㄷ

  5. Favicon of http://akkiha.tistory.com BlogIcon 아키하 2007.10.18 18:06  Addr  Edit/Del  Reply

    음..텍스트큐브쪽이 플러그인 지원이 더 많나보군요 +_+;;

  6. Favicon of http://habiero.tistory.com BlogIcon 『에르』 2007.10.18 21:09  Addr  Edit/Del  Reply

    태그같은 데엔 쥐약이란지라 아무래도 서비스형에서 눌러살 듯 싶네요..ㅇ<-<

    • Favicon of http://eyeball.pe.kr BlogIcon eyeball 2007.10.18 21:13  Addr  Edit/Del

      태그같은거 몰라도 상관은 없어요...
      뭐.. 알면 더 편하겠지만요..

  7. Favicon of http://stellar.pe.kr/tt/ BlogIcon StarLight 2007.10.19 00:55  Addr  Edit/Del  Reply

    ㅎㅎ; 재이전이시군요.

posted by eyeball 2007. 8. 23. 13:56
1. 블로그 운영 차질

블로그 운영에 차질이 생긴 근본적인 이유가 바로 학교네트웍 문제다...
처음엔 전원 내리는것부터 시작하더니 중간엔 네트웍도 종종 끊기고...
그러더니 마지막엔 아예 회선업체를 바꾸더니 사설아이피로 바꾸고
외부에서의 접속을 일체 막아버리는 바람에 서버운영이 아예 불가능해졌다.
그렇다고 서버를 다시 집에 가져와서 돌리자니 이것저것 바뻐서 시간이 너무 오래걸릴 듯 하고..
그래서 생각한게 티스토리 이전...
뭐 지금은 그럭저럭 쓰고 있긴 한데 역시 직접운영하는것 만큼 편하진 않다...


2. 등록금

학교 등록금은 내가 벌어서 내는 관계로 이번학기 등록금 오른것은 치명타...ㅜㅜ
일단 일은 계속 하고 있긴 하지만 그동안 모아놨던 돈도 거의 다 떨어진데다
여기저기 돈 들어갈 곳이 꽤 많았던 관계로 돈이 좀 부족해졌다...
그렇다고 알바를 하나 더 뛰자니 시간이 안맞고...
단기알바 또한 방학시즌인지라 구해지지도 않고....
그래서 생각한게 게임돈 팔자........oTL....
(근데 의외로 효과는 좀 있었다..;;;)


3. 던파


내가 바쁜 이유의 50%다..
낮밤 바뀐 이유도 이것때문이다....
폐인이 된 이유도 이것때문이다.........
바다의 용자 질러서 피로도 무제한으로 열심히 돈 벌고 있다...
앞으로 일주일 남았다....
등록금... 거의 다 모았다.........





제길.........

'잡담 > Everyday' 카테고리의 다른 글

내 휴일은???  (14) 2007.10.29
설마 전산오류는 아니겠지..???  (8) 2007.09.20
그동안의 근황  (6) 2007.08.23
젠장.. 당했다!!  (12) 2007.07.03
수박은..  (8) 2007.06.26
동물학대!!  (2) 2007.06.24

댓글을 달아 주세요

  1. Favicon of http://u2cap.egloos.com BlogIcon 이젤론 2007.08.23 14:11  Addr  Edit/Del  Reply

    질러라!!

  2. 선애 2007.08.25 00:16  Addr  Edit/Del  Reply

    보고싶다

  3. Favicon of http://onsemy.wo.tc BlogIcon 온새미 2007.10.20 23:20  Addr  Edit/Del  Reply

    1. 전 학교에서 인터넷 하고 싶어도 맨날 '제 자리'만 인터넷이 안되더군요 ㅇㅈㄴ...
    2. 이번에 장학금 덕에 한시름 덜은것 같네요? :)
    3. 던파... 정말 재밋게했었습니다만 퇴마사 너무 ㅇㅈㄴ

posted by eyeball 2007. 6. 14. 12:23
요즘 다른분들의 블로그에 덧글을 달면서 느끼는 것인데...
언제부터인가 블로그 아이콘 사이즈를 32px를 쓰시는 분이 늘어나고 있다...
일단 내 블로그 아이콘은 http://eyeball.pe.kr/index.gif 인데.. 문제는 이게 16px라서 32px를 쓰는 블로그에 덧글을 달면
사용자 삽입 이미지

<- 이렇게 보인다...

깍두기 생기는 것이 문제가 아니다..
깍두기야 이미지 사이즈만 다시 조정해서 올리면 그만이니..
문제는... 저 커다란 눈깔의 압박은 어떻게 처리할 것인가!!!
게다가 가끔 48px쓰시는분 블로그에 덧글이라도 달라 치면....
끔찍하다...oTL...

후우.. 중학교때 Ez2base때부터 쓰던 아이콘이라 계속 쓰려고 했는데...(솔직히 바꾸기 귀찮아서..)
오랜만에 아이콘이나 바꿀까...

사용자 삽입 이미지
이거로???

댓글을 달아 주세요

  1. Favicon of http://u2cap.egloos.com BlogIcon 이젤론 2007.06.14 18:54  Addr  Edit/Del  Reply

    저거 재미있을것 같은데.. 스케쥴이..(핑개)

  2. Favicon of http://einz.kr BlogIcon 아인 2007.06.18 20:48  Addr  Edit/Del  Reply

    48 짜리는 저도 대책이 안서는;
    원래는 48쓰다가 너무 커서 줄였거든요 [웃음]

    • Favicon of http://eyeball.pe.kr BlogIcon eyeball 2007.06.18 23:49  Addr  Edit/Del

      저도 어서 아이콘 만들어야 하는데... 이너무 귀차니즘때문에...