'컴퓨터/홈페이지'에 해당되는 글 7건

  1. 2010.10.11 Win VS Mac VS Linux 브라우저 벤치마킹!
  2. 2008.05.20 휴~ 돌아왔다... 도메인은 뺏겼지만 ㅠ.ㅠ (4)
  3. 2007.12.09 스킨을 바꿨습니다. (2)
  4. 2006.12.22 Tistory로 이주했습니다. (4)
  5. 2006.10.06 인터넷에 사진 올릴 때 간단한 팁! (2)
  6. 2006.10.01 스킨을 손봤습니다. (2)
  7. 2006.04.16 홈페이지 디자인을 조금 손봤습니다. (4)

Win VS Mac VS Linux 브라우저 벤치마킹!

지난번에 이어서 이번엔 리눅스도 참가했습니다. > ㅁ<

사용된 장비는 [여기]서 확인하시고.

이번에 사용된 OS들은
Mac OS X 10.6.4 Show Leopard
Ubuntu Desktop Edition 10.10 64-bit
Windows 7 Ultimate X64
셋 모두 64비트 운영체제에 최신 업데이트, 드라이버 설정까지 끝난 상태입니다.

그리고 사용된 브라우저는
Chrome 6.0.472.63
Firefox 3.6.10
Internet Explorer 8.0 (64-bit)
Opera 10.62
Safari 5.0.2 (맥에서는 64비트, 윈도우에서는 32비트입니다)
모두 정식에 최신 버전입니다.

일단 윈도우 부터
Windows

전체적으로 매우 뚜렷한 성능차가 나는군요
딱... 계단으로 보일 정도로요 ㅎㄷ

그럼, 맥을 볼까요
Mac OS X
윈도우에 비해 전체적으로 약 200~500점 가량 떨어졌지만, 사파리의 성능만 매우 좋아졌네요 아이튠즈처럼 맥에 튜닝이 잘 된건지, 64비트의 위엄인지... ㅋ

마지막으로 리눅스를 보겠습니다.
Ubuntu
크롬은 윈도우보다 무려 600점 가량 더 높군요 ㅎㄷ
오페라는 맥과 비슷한 수준이고
파이어폭스는 세 운영체제중 제일 하위입니다. (그래도 64비트 IE보단 훨 빠름 ㅋ)

이번 벤치마크를 하며 느낀건
1. 크롬의 위엄 ㅋ
2. 구글은 크롬 OS때문인지 리눅스에 신경을 많이 쓰는듯 함.
3. 파이어폭스 리눅스에서 왜 이래?

결론
1. 속도는 그저 크롬이 진리.
2. 너무나도 저사양이면 리눅스 + 크롬 추천
3. 그래도 사용자 편의성이나, 각종 플러그인은 파이어폭스가 압도적으로 우위

에궁 이거 때문에 윈도우 파티션 날려서 다시 잡고 거기에 우분투 10.10 출시되는거 기다리고 난리도 아니였네요 ㅎㄷ
특히 우분투의 맥의 지원이 생각보다 미흡해서 이걸 지워야 하나 고민도 하고요 ㅎㄷ
뭐 어째튼, 각 운영체제별 퍼포먼스가 궁금했었는데 이걸로 조금은 해소해서 다행입니다. ㅎㅎ
Trackback 0 Comment 0

휴~ 돌아왔다... 도메인은 뺏겼지만 ㅠ.ㅠ

넵. 돌아왔습니다.
도메인은 제 실수로 다른 업체가 낼름 집어갔더라고요 ㅠ.ㅠ
그래서 .com으로 옮겨왔습니다.
그리고 앞에 www를 blog로 바꾸고요
앞으로 제 블로그는 http://blog.myhyuny.com입니다. 많이 찾아와 주세요 ^^

... www.myhyuny.com은 뭐가 될까요? ㅎㅎ
Trackback 0 Comment 4
  1. Favicon of http://rukxer.net BlogIcon Rukxer 2008.05.20 19:51 address edit & del reply

    헐...보아 하니 축하할 상황은 아니구만;;

    • Favicon of https://blog.myhyuny.com BlogIcon 화현 2008.05.20 22:37 신고 address edit & del

      그나마 위안은 여기 접속하는 사람이 적다는거 정도랄까요 ㅎㅎ
      ㅠ.ㅠ

  2. 얼뿌 2008.05.27 20:39 address edit & del reply

    어이~ 별로 위안꺼리가 아닌것 같은데? ^^

    • Favicon of https://blog.myhyuny.com BlogIcon 화현 2008.05.27 21:25 신고 address edit & del

      정곡을 찌르다니... 예리한넘 -_-+

스킨을 바꿨습니다.

사용자 삽입 이미지
오랜만에 기분 전환 겸, 약간의 기능 수정 겸 해서 홈페이지의 스킨을 통째로 바꿨습니다.
얼핏 보기에 상단 타이틀만 바뀐 것 같지만 테더툴스가 텍스트 큐브로 바뀌기 바로 직전의 기본 스킨으로 처음부터 다시 시작했습니다. ㅎㅎ

우선 제가 스킨을 수정할 때 생각을 했던 것이
1. 모니터의 넓이 800px 에서도 큰 무리 없이 보게끔 하자.(혹시 한국에 Asus Eee가 나올 것을 대비… 안 나오면 좌절 ㅠ.ㅠ)
2. 본문의 넓이를 640px 에서 720px로 늘리자.(NTSC 기본 넓이랄까?)
3. 타이틀 배경 그림 교체

이렇게 3개였습니다. 그래서 처음에는 1단 형식으로 가려다 표현할 것이 너무나도 적어진다는 것을 깨달아서 사이드 바를 문서 밖으로 빼는 방향으로 전환했습니다.

그런데…

사용자 삽입 이미지

Firefox

사용자 삽입 이미지

Opera

사용자 삽입 이미지

Internet Explorer


-_-;;;;;;;;;;;;;;;;;;;;;;;;

역시 MS… 혼자 놀아 -_-

그래서 어쩔 수 없이 html 파일을 수정, 사이드 바를 컨테이너 밖으로 꺼내 컨테이너 위에 위치시켰습니다. -_-;;;
원래 이렇게 하면 안 되는 것이지만, 이용자가 가장 많은 IE인지라, 어쩔 수 있나요~~

그리고 작업하다 보니 티스토리에 “미디어로그”라는 기능이 추가되었었더군요. 그래서 이 기능을 추가, 몇 가지 문제될 만 한 것을 정리하여 완성~

혹시 버그 같은 것을 발견한다면 알려주세요^^

Trackback 0 Comment 2
  1. 얼뿌 2007.12.10 22:04 address edit & del reply

    타이틀 배경 그림 맘에 든다. 색감도 좋고 ^^

    • Favicon of http://www.myhyuny.net BlogIcon 화현 2007.12.10 22:13 address edit & del

      오, 맘에 든다니 다행^^
      나중에 조금 더 고칠꺼야. 별도 달아주고 ㅎㅎ

Tistory로 이주했습니다.

거의 1년 가까이 서버를 운영해 오다가 나름대로의 사정으로 인해 Tistory로 오게 됐습니다.

이유는 뭐, 별거없고, 그저










세컨드가 필요해졌습니다 ㅠ.ㅠ (후엥~)










Windows Vista를 써 보면서 느낀 거지만 "XP로 가기 싫어…" 입니다 ㅎㅎㅎ
그러던 중에 머리를 대굴 대굴 굴리다 아! 하고 생각난 것이 “집에 남는 부품 모으면 PC 한대 나오니까 그걸로 아버지 PC 만들고 노트북(엄청 저 사양임)을 뺏어서 그걸 서버로 돌리고 지금 서버는 세컨으로 돌리자!”였는데 갑자기 노트북 셋팅할 걸 생각하니 귀찮아지더라고요(그래서 며칠 동안 잠수를… 죄송 ㅠ.ㅠ) 어째튼 세컨은 마련 했지만 서버를 어떻게 하질 못하다가 “음, 그리고 보니 내가 서버를 왜 돌리고 있었지?” 라는 생각에 생각의 전환을 거쳐서 어느새 티스토리에 베타테스터 신청, 입주했습니다 ㅎㅎㅎ

쩝, 그렇다고 서버 그만 둔건 아닙니다.

나중에 서버가 마련 되거나 아빠 노트북을 강탈해서 셋팅이 끝나면 다시 서버 돌리겠습니다!

잠깐, 그럼 저 서버란 없애야 하나?

Trackback 0 Comment 4
  1. Favicon of http://signpen.net BlogIcon 싸인펜 2006.12.22 03:10 address edit & del reply

    티스토리로 이주 하셨군요!!
    개인 서버나 티스토리나 트래픽에서 자유로운 것은 똑같으니까요.

    일단은 이사 축하드립니다^^ㅋ

    • Favicon of http://www.myhyuny.net BlogIcon 화현 2006.12.22 11:54 address edit & del

      옷, 감사합니다^^
      트래픽에서 자유로운건 확실한것 같긴 하지만 "동영상"을 못 올린다는 점에서 조금 아쉽네요 ^^;
      그래서, 아마 곧 서버를 다시 돌리지 않을까 생각중입니다.

  2. Favicon of http://kaspx.net BlogIcon kose 2006.12.30 20:40 address edit & del reply

    내가 왜 서버를 돌리고 있지?? 심오한 질문을 하셨군요..
    내가 왜 지금 댓글을 달고 있는지도 생각해 봅니다....
    글잘보구 갑니다.

    • Favicon of http://www.myhyuny.net BlogIcon 화현 2006.12.31 01:41 address edit & del

      원래의 목적을 잊어버린 이상 과감히 자를줄도 알아야겠죠^^;
      어째튼 잘 보셨다니 감사합니다^^

인터넷에 사진 올릴 때 간단한 팁!

보통 개인 홈페이지에 가 보면 매우 큰 사이즈의 그림이더라도 무리해서 삽입해서 그 그림이 깨져 보이는 현상이 많습니다.

대략 이렇게?

보통 큰 그림을 포기하고 자신의 홈페이지의 크기에 맞춰서 그림을 수정한 뒤 사진을 올리거나, 그냥 이를 무시하고 올리는 것이 대부분인데요 그것을 어느 정도 극복할 수 있는 팁을 올리겠습니다 ^^ (제가 올릴 방법은 완벽한 극복은 힘듭니다 ^^;)

우선 우리가 사용하는 컴퓨터는 디지털 방식으로 돌아간다는 것은 누구나 잘 알고 있는 사실일 것입니다. 이 디지털 방식은 숫자적으로 0, 1이라는 2개의 숫자를 최소 단위로 사용하는데요. 그래서 그런지 이 2에 대한 팁들이 무수히 많습니다. 이번 건 그 중 하나라고 보시면 됩니다^^

우선 준비물!
1. 자기 홈페이지의 너비를 알아둡니다.(테터툴스 스킨 기본 넓이가 500px)

2. 자기 홈페이지 너비에 2배가 넘지 않는 너비를 가진 사진을 준비합니다.

그럼 준비 끝 ^^

그럼 이제 어떻게 올리느냐~

그림을 웹에 표시할 때 사진의 “너비 ÷ 2”한 값으로 표시해 줍니다^^ HTML으로 하면 이 정도가 되겠죠? <img src="주소/파일이름" width="너비÷2해준 값" height="높이÷2해준 값"/> 그러면 이렇게 깨끗한 사진이 올라오게 됩니다 ^^ (클릭하시면 큰 그림이 보입니다^^)

애니메이션도

사진에서도 깨끗^^



그럼 왜 이렇게 되느냐~ 간단히 말해서 1개 건너 1개씩 화면에 표시해 줌으로써 2:1이라는 비율에 맞춰 화면에 표시해 주기 때문에 매끄럽게 표시가 되는 겁니다. 예전에 4:1비율로 사용한 적이 있었는데 만족스럽지는 않더군요. 하지만 사진의 따라서 비율을 잘 조절하면 상당히 만족스러운 결과를 얻으실 수 있으실 껍니다 ^^

이 방법이 꽤 좋아 보이는 방법이지만, 사실 약점이 있습니다. 바로
사진 같은 경우에는 Anti Aliasing덕택에 이 방법으로 좋은 결과를 얻을 수 있지만 도트로 이루어진 그림이라던가, AA가 적용이 안된 3D게임 캡춰 화면, 사진이긴 한데 Sharpen을 잘 먹어서 선명한 사진 혹은 얇은 선이 들어간 사진에서는 약세를 보입니다. 즉 부드러운 사진에서 효과가 큽니다 ^^;

보기 부담스러운 케이스 1

보기 부담스러운 케이스 2

보기 부담스러운 케이스 3


이런 단점에도 불구하고 따로 표시용 그림과, 크게 열었을 시 그림을 따로 지정하지 않아도 1개의 그림으로 좋은 퀄리티를 낼 수 있는 방식이라 제가 많이 씁니다. 그리고 사진을 찍을때 일부러 Sharpen옵션을 안주고 찍기도 하죠. ^^
Trackback 0 Comment 2
  1. Favicon of http://rukxer.net/ BlogIcon Rukxer 2006.10.06 22:38 address edit & del reply

    포토샵......으흐흐;

    • Favicon of http://www.myhyuny.net BlogIcon 화현 2006.10.06 23:47 address edit & del

      에~ 이 팁은 굳이 큰 사진 올릴때 쓰는 방법이니까 포토샾으로 글에 맞게 바꾸면 별 필요 없죠 ^^;

스킨을 손봤습니다.

스킨을 약간 손봤습니다. 아무래도 제가 자주 들어가는 사이트인 “파코즈”의 글 기본 넓이(640px)와 제 홈페이지의 기본 넓이(512px)의 크기 차이로 인해서 제 홈페이지에서 꽉 체우던것이 파코즈에서 꽉 못채우는 관계로 640px로 넓혔습니다. ^^ 이제 더욱 큰 그림을 느끼실 수 있으실 겁니다^^
하지만 1024px 이상의 너비를 사용하는 유저 분들은 별 이상은 없지만 800px 이하의 너비를 사용하시는 유저 분들은 스크롤이 생기는 문제가 생깁니다. 뭐, 800px 미만을 사용하는 사람은 거의 없을 테니~ 아, 몰라 -_-

그리고 요즘 추세에 맞게 저도 “윈도우 비스타”의 기본 폰트인 “맑은 고딕”을 사용하기로 결정했습니다 ^^ 그러니 혹시 “맑은 고딕”을 사용하시는 분은 “클레어 타잎”을 활성화 시켜서 제 홈페이지를 보시면 더욱 깨끗한 글자를 보실 수 있으실 겁니다 ^^;

마지막으로 테두리를 악간 바꿨습니다. 마치 바닥에 종이 한 장 올려놓은 느낌으로? 그런데 Firefox에서는 다르게 표현되더군요… 으~ 이건 좀더 수정을 해 봐야겠습니다.

그 밖에는 변동사항 없습니다 -_-;
Trackback 0 Comment 2
  1. Favicon of http://signpen.net BlogIcon 싸인펜 2006.10.02 01:59 address edit & del reply

    우측 상단의 햇님 표정도 좀더 아름답게 변한것 같은데.. 기분 탓인가요???

    • Favicon of http://www.myhyuny.net BlogIcon 화현 2006.10.02 02:40 address edit & del

      새로 그렸습니다 +.+

홈페이지 디자인을 조금 손봤습니다.

홈페이지 만든지 1개월이 넘었는데도 기본스킨을 써오다가 안되겠다 싶어서 전체적인 크기를 약간 넓히고 상단의 그림을 살짝 바꿔주었습니다 ^^

제가 디자인을 상당히 못하는지라 여러 가지 경우를 놓고 내린 결론이 바로 이 초딩이 그림 그린듯한 스타일로 가자는 것입니다 ^^
제 정신 연령대가 초딩에 가까운지라 이 느낌이 그나마 조금 살아난 느낌입니다.
아직 상단밖에 수정을 안 했지만 꾸준히 다른 곳들도 손을 봐서 완성을 시켜야겠습니다.

Trackback 0 Comment 4
  1. Favicon of http://rukxer.net/root/ BlogIcon Rukxer 2006.04.16 20:11 address edit & del reply

    넓은 건 좋군

    • Favicon of http://www.myhyuny.net BlogIcon 화현 2006.04.16 21:03 address edit & del

      만들고 나니까 너무 넓어서 거의 원래 상태로 줄였어요 ㅠ.ㅠ
      하지만 본문 넓이를 500 -> 512로 맞췄으니
      그림 넣을때 1024 크기의 그림을 512로 넣어도 잘 나오겠죠 ㅋㅋ

  2. Favicon of http://www.signpen.pe.kr BlogIcon 싸인펜 2006.04.19 02:06 address edit & del reply

    타이틀 그림 하나로 이렇게 상콤해 지기도 하는군요^ㅡ^ㅋ
    저도 스킨 봄 개편을 준비하고 있는데 이런저런 일들로 미뤄 지는걸 봐선... 아마 여름개편이 될 것 같습니다.
    기본스킨이 아니게 되어서(?)그런지 화현님 블로그만의 냄새가 납니다..ㅋ

    • Favicon of http://www.myhyuny.net BlogIcon 화현 2006.04.17 22:36 address edit & del

      역시 이것만으로는 제 느낌을 많이 못살린것 같아요 ㅠ.ㅠ
      더욱 노력해서 고치겠습니다 >.<