IT이야기2009. 1. 3. 12:48


Where Google gets all that Gmail hard drive space

출처 : 'Joy of Tech' comic (2005.4.4)

Gmail만 그러겠는가. 서버, 검색데이터 등 모두 저렇게 땅속을 떡 하니 잡고 있을 것이다. 그래서 개발할 때 '삽질'한다는 말을 쓰는 것 같다. ^^

2005~2006년 콜롬비아강 근처 댈러스에 축구장 2배 크기의 IDC 건립에 대한 얘기가 떠오른다. 그 당시에 전세계 서버팜에 있는 서버가 45만대 정도될거라는 얘기가 있었다. 지금은 몇 대나 될까...

Posted by 좋은진호
IT이야기2008. 12. 14. 02:21
정식 발표 이후 이틀정도 주 브라우저로 사용했다. 베타 버전 사용할 때 자꾸 브라우저가 멈춰서, 10월 이후에는 거의 사용하지 않았다. 그래서 이 글에서 얘기한 것이 그 이전에 이미 개선된 것일 수도 있다.

  • 안정적이다. 브라우저가 죽는 경우가 없었고, 먹통이 되지도 않았다.
  • '알라딘'에서 책 미리보기시 '이전'과 '다음'버튼 눌러도 동작한다. 이전 사용할 때 안되어서 FF 사용했었다.
  • 시크릿 모드(Ctrl+Shift+N) 창에서 Ctrl+N을 누르면 일반 창으로 빠져 나올 수 있다. 전에는 Ctrl+N를 눌러도 계속 시크릿 모드 창만 떴다.

  • URL을 UTF-8로 보내서, 한글 파일 링크 클릭시 다운로드 안되는 것은 여전하다.
         (현실은 아직 EUC-KR한글 파일명이 많다.)
         (※ 파이어폭스는 about:config한 후 network.standard-url.encode-utf8 를 false 로 설정할 수 있다. 파이어폭스처럼 설정가능하면 얼마나 좋을까...)

Posted by 좋은진호
IT이야기2008. 9. 3. 18:32
구글 크롬(Chrome) 베타에서 한글 파일 다운로드가 안되어서, 파이어폭스3의 about:config 처럼 설정하는게 있는지 찾아봤다. 아쉽게도 없었다. 그래서 about: 관련된 뭔가 있을 것 같아, 쥐잡듯이 뒤져봤다. 오~ 여러 개가 나온다. 초등학교 때 소풍가서 보물 찾았을 때 기분이 든다. 함께 찾아주신 '쿠사리줄까'님, 그리고 about: 명령을 해준 범냉이, sCag, 미르, 티니님께 감사.  ^^

  • about:blank
  빈 페이지

  • about:version 또는about:, chrome-resource://about/
  크롬의 버전 정보를 보여준다.
사용자 삽입 이미지

  • about:memory
  메모리 상태를 보여준다. 이는 '개발자 정보' -> '작업 관리자' -> '전문 통계'를 클릭했을 때와 같은 페이지다.
  이미지가 잘 안보이겠지만, 크롬, IE7, 파이어폭스3를 함께 띄워둔 상태이다.
사용자 삽입 이미지

  •  about:histograms
  흥미로운 정보이긴 한데, 의미를 정확히 모르겠다.

  • about:stats
  상태 정보를 보여준다. 맨 위에 'Shhh! This page is secret!'라는 문구가 웃음을 자아낸다. ^^
사용자 삽입 이미지

  • about:network
  네트웍 관련 상태 정보를 얻을 수 있는데, 이를테면 페이지를 읽을 때 읽어오는 파일 등을 트랙킹할 수 있다.
  화면에서는 다음 접속 후에 구글에 접속할 때의 트래킹된 결과이다.
사용자 삽입 이미지

  • about:plugins
  설치된 플러그인 정보를 보여준다.
사용자 삽입 이미지

  • about:crash
  '앗, 이런! 웹페이지를 표시하는 도중 문제가 발생했습니다. 계속하려면 새로고침을 누르거나 다른 페이지로 이동하세요.'라는 문구를 뿌려준다. 페이지 로딩시 문제 생길 때 이 페이지를 보여주려고 한 것 아닐까.
사용자 삽입 이미지

  • about:shorthang 과 about:hang
  표시되는 내용은 없다. hang은 페이지를 종료할 것인지 대기할 것인지를 물어보는 창이 뜨고, shorthang은 hang처럼 창이 뜨는데, 아주 잠깐 떴다가 선택을 하지 않으면 about:blank로 이동한다.

  • about:cache 또는 view-cache:
  캐싱된 문서 목록을 보여준다.
사용자 삽입 이미지

  • view-cache:stats
  캐싱된 문서 상태 정보를 보여준다. 'no disk cache'는 캐싱된게 없다는 표시
사용자 삽입 이미지

  • about:dns
  DNS 프리페칭 정보를 보여준다. 크롬이 페이지의 로딩 속도를 개선하기 위해서 DNS 프리페칭을 하는데, 이는 호스트에 대한 IP정보를 미리 가져온 다음에 웹요청하게 되면 더욱 빠르게 표시할 수 있기 때문이다.
사용자 삽입 이미지

  • about:internets
  윈도우의 화면보호기를 보는 것 같다. 이게 뭘 하기 위한 것인지는 모르겠으나 흥미롭다. 맨 위에 Don't Clog the Tubes! 가 보인다. 절대 '관'을 건들지 말기를... 건들면 화면이 멈춰버리는 것 같이 먹통이 된다. ^^
사용자 삽입 이미지

  • chrome-resource://new-tab/
  '자주 방문한 페이지' 기본 형태

2008/09/03 - [IT이야기] - 구글 웹브라우저, 크롬 사용기

Posted by 좋은진호
IT이야기2008. 9. 3. 13:21
구글 홈(www.google.co.kr)에서 현재 크롬(Chrome) 베타버전을 받을 수 있다. 윈도우 XP와 비스타용만 제공하며, 리눅스와 맥용은 현재 개발중이다. 크롬에 대한 자세한 내용은 http://www.google.com/chrome/?hl=ko
에서 살펴볼 수 있다. 느낌 위주의 간단한 사용기를 적어본다.

사용자 삽입 이미지

사용자 삽입 이미지

  • 느낌상 아주 가볍다.
  • 심플하다. 굵은 선보다는 가느다란 선. 메뉴조차 검색창 오른쪽에 작은 버튼으로만 보인다.
사용자 삽입 이미지

  •   페이지 로딩 속도가 빠르다.
크롬 옵션 -> 고급설정에 보면 'DNS 프리페칭으로 페이지 로드 속도 개선하기' 옵션이 체크되어 있는데, 이 것도 속도 향상에 한 몫한 것 같다. 그러나 가끔 느리거나 멈춰버린 것 같은 현상이 발생한다. CPU를 100% 잡고 있을 때도 있다. 크롬이 가장 먼저 해결해야할 문제이다. 특히 티스토리의 글쓰기 페이지에서 이미지 등록할 때(플래쉬로 동작) 글을 쓰기가 힘들 정도였다. (이글은 파이어폭스(Firefox)에서 쓰고 있다.)
  • 일반적인 새 탭, 새 창 이외에 '새 시크릿 창' 개념이 등장했다.
이 시크릿 창에서 열어본 페이지는 방문 기록, 검색 기록등이 남지 않으며, 쿠키 또한 남지 않는다. 함께 사용하는 데스크탑에서는 바로 이런게 필요했다.
사용자 삽입 이미지
  •   '새 탭'을 열 때 자주 방문한 페이지를 보여준다.
사용자 삽입 이미지

  •   '소스 보기'의 심플함
  파이어폭스는 새창에서 보여주고, 익스플로러는 메모장에서 보여준다. 그러나 크롬은 소스를 새로운 탭에서 보여주며, 마치 개발용 에디터에서 보는 것처럼 소스으 라인를 표시해준다.
사용자 삽입 이미지

  •   웹서버에 남는 브라우저명은 다음과 같다.
  Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US) AppleWebKit/525.13 (KHTML, like Gecko) Chrome/0.2.149.27 Safari/525.13
  •   작업 관리자를 보면 파이어폭스 등은 한개의 프로세스가 뜨지만, 크롬은 2개 이상 뜬다.
 새로운 탭을 열면 이 프로세스는 증가한다. 그래서, 크롬에는 자체 '작업 관리자'를 제공하며, 구글에 따르면 탭별로 독립적으로 돌아가므로 하나가 다운되어도 다른 탭은 영향이 없다고 한다.

사용자 삽입 이미지

사용자 삽입 이미지

  •  웹 개발자를 위한 자바 스크립트 디버깅 메뉴, 요소 검사 기능 등을 제공한다.
사용자 삽입 이미지


해외에서는 익스플로러와 파이어폭스 모두 위협할만하다. 국내에서는 익스플로러에서 사용할 페이지는 어차피 그대로 익스플로러를 사용하게 될 것이니, 파이어폭스는 긴장해야하지 않을까. 파이어폭스처럼 강력한 확장 모듈만 제공해준다면 최고의 조건이다.

Posted by 좋은진호
IT이야기2007. 6. 25. 11:03
구글 웹마스터인 데니스 황(Dennis Hwang, 황정목)의 'Webmaster of Google' 주제 발표는 WebappsCon 오후 세션중 손꼽을 만한 발표였다. 도서 '지식e' 에서는 '우리에게 필요한 지식은 암기하는 정보가 아니라 생각하는 힘입니다.'라고 말한다.  기술 발표 중심의 컨퍼런스였는데, 데니스 황의 발표는 기술보다는 생각할 수 있는 시간을 제공하였다. 그렇다고 기술을 폄하하는 게 아니다. 나 또한 기술을 중시하지만 이런 속에서 생각하는 기회를 가질 수 있게 됐다는 것이다. 발표 내용을 한줄로 적어본다.

- 최대한 심플하게. 이미지로 이쁘게 표현할 수도 있지만 못생겨도 실용적인 면을 고집한다.
- 몇 kb라도 줄이려고 한다.
- 포토샵 스크립트를 사용하여 각 나라의 아이콘을 일괄적으로 만든다.
   이를 통해 작은 팀으로 많은 것을 처리할 수 있게 됐다.
- 구글의 전세계 웹마스터는 30여명 된다.
- 중요한 내용은 화면 윗부분에 배치한다.
- 페이지의 다운로드 스피드는 중요하다.
- 전세계의 어떤 환경에서 접속하더라도 만족시키도록 노력한다.
- 구글 로고를 만들기 위해 각 나라의 문화를 이해하게 되었다.
- 그리고, 구글의 실패 사례

발표자료를 공개할 것으로 생각하고, 사진은 거의 안찍었다. 아깝다.

1. 실패 사례중 DNA logo 하나만 살펴본다.

   1) 구글 창업자 래리 페이지, 세르게이 브린이 물고기가 뽀뽀 하는 것 같다고 해서 '실패'
      (사진은 승렬님 블로그에 올라온 동영상에서 캡쳐)
사용자 삽입 이미지

   2) 로고 새로 만들어 OK 사인을 받았다. 그러나, 올린지 1분 30초만에 과학자로 부터 항의 메일을 받았다.
      (빨간색이 한번 뒤로 가면 한번은 앞으로 와야하는데 잘 못 됐다고)
사용자 삽입 이미지

   3) 정상적으로 수정한 로고
사용자 삽입 이미지
2. 구글 로고중 재밌는 사례를 보자.

사용자 삽입 이미지

2002년 만우절에 구글은 PageRank 기술을 패러디 하여, "비둘기가 검색 자료를 찾아준다" 는 로고를 만들었다.
이때 데니스 황은 비둘기를 그릴려면, 비둘기 사진이 필요하니 구매해야 한다고 회사에 얘기를 한다.

* 데니스 황 : 비둘기 사진을 사는데 10만원 정도 들 것 같다
* 세르게이 브린 : (가만히 생각해보더니) 비싸다. <-- 모두들 폭소. ㅎㅎ
( 세르게이 브린한테 메일이 온다. )
* 세르게이 브린 : 회사 마당에 비둘기가 있더라. 너가 빵조각과 사진기만 있으면 찍을 수 있을거다.
* 데니스 황 : (빵조각을 들고 마당으로 나감) 이건 비둘기가 아니다.

결국은 사진을 샀고, 사진을 보고 포토샵으로 그렸다고 한다.

3. 사진 몇 장

사용자 삽입 이미지
[ 데니스 황 발표 중 ]

사용자 삽입 이미지
[ 페이지에서 사람이 가장 먼저 어디에 시선을 두는지를 측정한 결과 (화면 상단 왼쪽) ]

사용자 삽입 이미지
[ 데니스 황은 사인중 ]

사용자 삽입 이미지
[ 데니스 황 사인 ]

WebappsCon에서 큰 인형을 앉고 다닌 분을 본 사람? 그래서 눈에 띄었던 승렬님의 블로그 에 구글 발표 동영상이 있으니 궁금하신 분은 얼른 달려가봐라.
덧붙여 다양한 구글 로고는 Google Holiday Logos 에서 볼 수 있다.

Posted by 좋은진호
IT이야기2007. 5. 5. 23:56
Netcraft의 5월 웹서버 통계에 따르면 apache 웹서버는 지난달 약 6689만대에서 6608만대로 줄었고, 점유율에서도 58.86%에서 56.00% 로 무려 2.86%나 감소했다.
이같은 감소의 원인은 Netcraft가 GFE(Google Front End) 로 불리는 구글웹서버의 트래킹을 시작했기 때문으로 apache로 분류했던 웹서버를 이제 GFE로 판단하기 때문이다. 이로 인해 GFE 서버는 호스트명 기준으로 지난달 51,665개에서 2,753,041개로 급증했다. 이 숫자가 서버대수를 의미하는 것은 아니다.구글의 서버대수는 정확하게 들은 것 없고, 45만대라는 글을 읽은 적이 있다.

May 2007 Web Server Survey
http://news.netcraft.com/archives/2007/05/01/may_2007_web_server_survey.html

사용자 삽입 이미지

Developer    April 2007    Percent    May 2007    Percent    Change
Apache        66899485    58.86    66087698    56.00    -2.86  <-- 급감
Microsoft    35380121    31.13    37170290    31.49    0.36
Sun        1907610        1.68    2141252        1.81    0.13
lighttpd    1382843        1.22    1411788        1.20    -0.02
Zeus        488838        0.43    491989        0.42    -0.01

www.google.com 의 HEAD를 살펴보니 다음과 같이 나온다.

Cache-Control: private
Date: Sat, 05 May 2007 14:06:34 GMT
Server: GWS/2.1
Content-Length: 0
Content-Type: text/html; charset=EUC-KR
Client-Date: Sat, 05 May 2007 14:05:04 GMT
Client-Response-Num: 1
Set-Cookie: PREF=ID=3d0f7baffb602710:NW=1:TM=1178373994:LM=1178373994:S=R-OKql9t_NDp3pE8; expires=Sun, 17-Jan-2038 19:14:07 GMT; path=/; domain=.google.co.kr

그외의 서비스에 대해서도 살펴봤다. 웹서버명에 GWS, NFE, mfe, bsfe, OFE, codesite, GWS-GRFE, TWS, DFE  등을 볼 수 있는데, 이는 서비스 환경에 맞게 웹서버를 커스터마이징하고 있음을 의미할 것이다.

search.google.com          Server: GWS/2.1
mail.google.com            Server: GFE/1.3
news.google.com            Server: NFE/1.0
earth.google.com           Server: GWS/2.1
video.google.com           Server: GFE/1.3
images.google.com          Server: GWS/2.1
maps.google.com            Server: mfe
moon.google.com            Server: mfe
local.google.com           Server: mfe
blogsearch.google.com      Server: bsfe
books.google.com           Server: OFE/0.1
catalogs.google.com        Server: OFE/0.1
desktop.google.com         Server: GFE/1.3
finance.google.com         Server: SFE/0.8
toolbar.google.com         Server: GFE/1.3
code.google.com            Server: codesite/4511653
labs.google.com            Server: Apache
groups.google.com          Server: GWS-GRFE/0.50
picasa.google.com          Server: GWS/2.1
sketchup.google.com        Server: GWS/2.1
mobile.google.com          Server: GWS/2.1
webaccelerator.google.com  Server: GFE/1.3
translate.google.com       Server: TWS/0.9
directory.google.com       Server: DFE/1.0

www.googlestore.com        Server: Microsoft-IIS/6.0
www.blogspot.com           Server: GFE/1.3
www.youtube.com            Server: Apache
www.orkut.com              Server: GFE/1.3
Posted by 좋은진호