Resistan.com Planet

스트리트뷰·로드뷰? 네이버는 ‘거리뷰’

이희욱 — Wed, 08 Sep 2010 15:30:03 +0900

네이버가 ‘거리뷰’ 시범서비스를 시작했다. 구글 ‘스트리트뷰’나 다음 ‘로드뷰’처럼 지도 위에 실제 거리 모습을 보여주는 서비스다.

네이버는 2009년 6월부터 비행기를 타고 상공에서 찍은 사진을 보여주는 ‘항공뷰’ 서비스를 제공해왔다. 이번에 시범서비스를 시작한 거리뷰는 자동차나 자전거를 타고 보는 실제 거리를 360도 회전하는 사진으로 보여주는 서비스다. 한 화면에서 항공뷰로 상공에서 사진을 본 다음, 거리뷰를 이용해 원하는 지상 거리 사진을 곧바로 볼 수 있어 공간 전체를 통합 지각할 수 있는 이점을 지녔다.

길찾기 기능과 연계한 대목도 눈길을 끈다. 네이버 지도 ‘빠른길 찾기’에서 자동차나 대중교통, 자전거 등 교통수단별로 빠른길을 검색할 수 있는데, 이제 거리뷰 서비스로 실제 거리 사진을 보며 목적지까지 가는 길을 미리 확인할 수 있게 됐다.

거리뷰로 검색한 사진을 네이버 블로그나 카페로 보내는 기능도 제공한다. 전송한 사진은 플래시 파일 형태로 삽입돼 해당 블로그나 카페에서 바로 실제 거리 모습을 확인할 수 있으며, 원하는 지점 실제 사진을 인쇄할 수 있어 모임 장소를 공유하거나 업체 위치를 소개하는 자료에 활용하기 제격이다. HTML 태그를 복사해 홈페이지나 게시판 등에 거리뷰 지도를 삽입할 수도 있다.

거리뷰는 서울·경기·6대 광역시 2차선 도로 및 자전거 도로, 홍대, 강남역, 압구정동 등 이용 빈도가 높은 골목을 포함한 지역을 대상으로 이면도로까지 서비스를 제공한다. 서울 곳곳 이면도로와 제주지역은 올해 안에 서비스를 추가할 예정이며, 전국단위로도 잇따라 적용된다. 모바일 거리뷰 서비스도 올해 안에 제공될 예정이다.

첫돌 맞은 T스토어…스마트폰 전용 앱 2만여 종 등록

도안구 — Wed, 08 Sep 2010 15:09:24 +0900

국내 모바일 애플리케이션 거래 장터인 SK텔레콤의 ‘T스토어’가 어느 새 돌을 맞이했다. 상생을 목표로한 초기 목표는 어느 정도 달성된 것으로 관련 업계는 보고 있다. 개발자들도 대략 2만여명이 등록돼 있고, 이 숫자도 꾸준히 늘어나고 있다. 스마트폰 전용 앱도 2만여 개 정도가 등록된 것으로 나타났다.

현재 T스토어 가입자 수는 스마트폰 사용자 200만 명, 일반폰 사용자 70만 명을 포함해 총 270만 명이다. 또 T스토어를 방문하는 일일 이용자 수는 약 70만 명이며, 일일 페이지뷰는 약 880만 건에 달한다. T스토어 이용자들은 월 평균 11개의 앱을 다운로드하는 것으로 밝혀졌다.

특히, 지난 6월 갤럭시S 출시 이후 가입자 증가 추세에 따라 T스토어의 이용도 급증하고 있다. T스토어의 누적 앱 다운로드 건수는 지난 6월 1천만 건을 돌파한 이후부터 7월 약 2천만 건, 9월 현재는 3천 5백만 건을 기록하고 있다.

또 T스토어는 생활/위치, 어학/교육, 만화, 게임, 뮤직 등 다양한 카테고리의 콘텐츠를 제공함으로써 ‘종합 모바일 콘텐츠 마켓’으로 자리매김 하고 있다. 오픈 당시 6천 500 개에 불과했던 T스토어의 콘텐츠는 현재 5만 개까지 늘어났으며, 연말에는 약 7만개를 넘어설 것으로 예상된다. 또 스마트폰 이외에도 갤럭시 탭을 필두로 한 태블릿 PC 등 다양한 디바이스의 확산이 예상됨에 따라 e-book 콘텐츠 등 특화 서비스도 새롭게 제공될 예정이다.

올해 초까지는 T옴니아2 가입자 증가로 인해 윈도우모바일 기반의 앱이 대세였던 반면, 최근 T스토어에 등록되는 앱의 95% 이상은 안드로이드 OS를 기반으로 하고 있다. 이는 올 초부터 전 세계적으로 안드로이드폰의 대공습이 일어나면서 국내 앱 개발자들 역시 안드로이드 OS가 앞으로 대세를 이룰 것이라 기대하고 있다는 사실을 반영하는 현상으로 분석된다.

SK텔레콤은 안드로이드폰의 확산이라는 세계적 추세에 발맞춤과 동시에, 빠르게 증가하는 안드로이드 OS 단말 사용자들에게 보다 질 높은 서비스를 제공하기 위해 지난 8월, 성능 및 기능이 대폭 개선된 안드로이드용 T스토어를 선보였다. 안드로이드용 T스토어는 현재 SK텔레콤이 출시한 9종의 안드로이드 OS 단말기에 모두 제공되고 있다.

특히 SK텔레콤은 지난 5월 타사 윈도우 모바일 기반 단말 이용 고객들이 T스토어를 이용할 수 있게 한 데 이어, 10월 중에는 타사 안드로이드 단말 이용 고객들에게게도 확대 개방할 계획이어서, T스토어 이용은 더욱 확대될 전망이다.

SK텔레콤은 개발자들을 더욱 독려하기 위해, 안드로이드 무료 앱에 광고를 게재할 수 있도록 하는 인 앱 애드(In App AD) 서비스를 이르면 연내 상용화 할 예정이다. 인 앱 애드 서비스가 시작되면 개발자들은 광고 수익을 통해 유료 앱을 판매하는 것과 다름없이 수익을 올릴 수 있게 된다. 이를 통해 무료 앱 광고 시장이 활발해지면 무료 앱 개발 역시 활성화되고, 사용자들도 양질의 앱을 무료로 사용할 수 있게 되는 선순환 효과가 기대된다.

이와 더불어 SK텔레콤은 위치기반서비스(LBS) ‘T맵’과 문자메시지(MMS,SMS) API(Application Programming Interface)를 T스토어에서 공개하기로 했다. 이는 SK텔레콤의 대표 서비스 인프라를 서비스 플랫폼화 함으로써 개발자들에게 유용하고 가치 있는 소스코드를 제공해 모바일 생태계의 발전에 기여하겠다는 시도로, 이를 통해 LBS와 메시징 소스코드를 활용한 다양한 콘텐츠가 개발 가능해져 모바일 콘텐츠 육성 및 개발자 저변이 크게 확대될 수 있을 것으로 기대된다.

SK텔레콤은 향후 사회공헌과 상생협력 측면에서 더욱 적극적으로 개발자를 지원하겠다는 방침이다.

한편, 등록된 5만여 개의 앱 중 3만여 종은 기존 네이트온용인 것을 감안하면 대략 2만여 종의 앱들이 새롭게 스마트폰 시장 활성화와 함께 등록된 것으로 보인다. SK텔레콤은 유료와 무료 앱의 비율에 대해 84%와 16% 정도라고 밝혔지만 이 비율에는 네이트온용 앱이 포함돼 있어 정확한 비율로 판단하기에는 무리가 있다. 이와 관련해 SKT 측은 스마트폰용 앱의 유무료에 대해서는 밝히지 않았다. 다만 무료 앱들이 계속 늘고 있는 상황이기 때문에 연내 모바일 광고 플랫폼을 상용화하면 개발자들의 수익 모델도 한결 개선될 수 있을 것으로 기대하고 있다.

고사양 게임 전용 PC, 걸맞는 ‘스펙’은

이희욱 — Wed, 08 Sep 2010 14:49:59 +0900

전쟁터에 나가는 군인에게 무기의 화력이 가장 중요하듯, 게임을 즐길 때도 마찬가지다. 가장 기본이 되는 건 PC 성능이다. 고사양 PC게임과 온라인게임 대작이 넘쳐나는 시대 아닌가. ‘슬로우모션’이 밥 먹듯 반복되는 PC 사양으로 제대로 된 전투와 화려한 그래픽을 즐기기란 애당초 무리다. 시작부터 백전백패다.

3D로 무장한 ‘스타크래프트2′부터 하반기에 각종 대작 게임들이 잇따라 선보일 예정이어서 게이머들은 여느 때보다 즐거운 비명을 지르고 있다. ‘전투 준비’는 당연한 일. 화려한 그래픽과 몰입감을 자랑하는 고사양 게임에 걸맞는 PC는 어떻게 꾸려야 할까.

게임용PC를 꾸릴 때 가장 먼저 고려해야 할 것은 CPU와 그래픽카드다. 주머니 사정이 넉넉하다면야 최신 CPU와 최고급 그래픽카드에 아낌없이 투자하면 될 일이지만, 값비싼 부품에 마냥 돈을 쏟아부을 순 없는 노릇 아닌가. 그렇다고 몇 푼 아끼려다 제몫 못하는 PC를 보며 가슴을 칠 수도 없는 노릇. 최근 쏟아지는 게임용 PC와 노트북 사양들을 들여다보며 ‘힌트’를 얻어보자.

먼저 고사양 게임에 적합한 데스크톱 제품부터 들여다보자. ‘델 스튜디오 XPS 9100′은 지난 7월 델인터내셔널이 고사양 게임 이용자들을 겨냥해 내놓은 데스크톱이다. 최고 사양 CPU로 꼽히는 인텔 코어 i7(640UM, 1.2GHz)에 1GB DDR3 엔비디아 지포스 GT 335M 그래픽카드를 탑재했다. 인텔 코어 i7에서 제공하는 터보부스트 기능으로 웹서핑이나 게임, 영상 편집 같은 작업들을 동시에 하는 데 무리가 없다. 엔비디아 지포스 GT 335M은 병렬 컴퓨팅 처리 기술인 쿠다와 실시간 피직스 엔진을 내장해 고화질 3D 그래픽을 돌리는 데 문제 없다. 스튜디오 XPS 8100 모델의 경우 인텔 코어 i5-760/i7-870 프로세서와 ATI 라데온 HD5770 1GB/1GB 엔비디아 지포스 GTX 460을 갖춰 역시 게임용으로 무리 없는 모델이다.

TG삼보 ‘드림시스 P7′은 ‘TG삼보-인텔 스타크래프트2 오픈 시즌1′ 대회 공식 PC로 선정된 게이밍 데스크톱이다. 인텔 코어 i7 930 식스코어 CPU, 4GB DDR3 메모리에 엔비디아 지포스 GTS250 그래픽카드를 채택해 고사양 게임부터 3D 렌더링, 전문 이미지·동영상 편집까지 막힘 없이 수행하도록 했다. 역시 스타크래프트2 대회 공식 PC로 지정된 ‘드림시스 G5′는 2.6GHz 인텔 코어 i5 CPU와 엔비디아 지포스 GT220을 탑재한 실속형 데스크톱PC다.

요즘들어 데스크톱 성능에 버금가는 기능으로 무장한 노트북들도 쏟아지는 추세다. 아수스가 올해 새로 선보이는 게이밍 노트북 G73J와 G53 3D를 살펴보자. G73J는 최상위급 인텔 코어 i7 820QM CPU에 ATI HD5870 그래픽카드, DDR3 8GB 메모리에 17인치 LCD 화면으로 막강한 사양을 갖췄다. 120Hz LCD에 스테레오스코프 방식으로 색상과 해상도 저하 없이 3D 게임을 즐기도록 한 G53 3D도 눈에 띈다. CPU는 G73J보다 조금 낮은 인텔 코어 i7 740QM을 썼지만, 3D 그래픽 환경을 고려해 엔비디아 GTX460 그래픽카드를 채택한 점이 다르다.

MSI코리아가 8월말 내놓은 ‘MSI GX660′도 웬만한 데스크톱PC에 버금가는 사양을 갖춘 게임용 노트북이다. 인텔 상위 CPU 기종인 코어 i7-740QM 프로세서와 i5-450M 프로세서를 채택한 두 가지 모델로 출시됐으며, 그래픽카드도 상위급 제품인 ATI 라데온 HD5870을 탑재했다.

TG삼보 ‘에버라텍 스타2 TS-509′도 데스크톱급 성능을 갖춘 게이밍 노트북으로 손색 없다. 인텔 코어 i7 620M CPU에 ATI 모빌리티 라데온 HD5470, DDR3 4GB 메모리를 장착했다. 최고 사양까지는 아니더라도 웬만한 고사양 게임을 돌리는 데 무리가 없다는 평가다.

델 ‘에일리언웨어 M11x’는 강력한 성능에 비해 무게가 2kg으로 휴대가 편리한 제품이다. 인텔 코어 i7 640UM CPU에 그래픽카드는 1GB DDR3 엔비디아 지포스 GT 335M을 채택했다.

한국HP가 내놓은 게이밍 노트북 ‘엔비17′은 인텔 코어 i7 820 CPU와 ATI 모빌리티 라데온 HD 5850 그래픽카드를 탑재했다. 역시 코어수의 2배 성능을 지원하는 인텔 하이퍼스레딩 기술과 프로세서 작업 속도를 조절하는 터보부스트 기능 등을 갖춰 게임 환경에 최적화된 시스템을 제공한다.

지금껏 ‘게임용’이란 꼬리표를 달고 나온 데스크톱과 노트북을 보면 사양 면에선 대체로 최상위급에 속하는 기종들이다. 가격대도 데스크톱이 150만원 안팎부터 시작해 노트북에 이르면 200만원을 훌쩍 뛰어넘는 경우도 적잖다. 전문가들은 주머니 사정을 고려한다면 인텔 식스코어나 쿼드코어 i5·i7 시리즈같은 최고급 CPU까지는 아니더라도 쿼드2코어 i3·i5 시리즈 정도면 고사양 온라인게임이나 PC게임을 즐기는 데 큰 무리가 없다고 조언한다. 물론 제대로 된 PC를 갖춰 2~3년간 속앓이 없이 쓰고자 한다면 ‘블룸필드’ 계열 코어 i7 프로세서까지 고려해봄직하다.

뱅앤올룹슨 명품 사운드, 노트북 속으로…아수스 ‘NX90′

이희욱 — Wed, 08 Sep 2010 14:30:54 +0900

아수스코리아가 9월8일 공개한 ‘NX90′은 플래그십 엔터테인먼트 노트북 ‘NX시리즈’를 따른다. 디자인부터 독특하다. LCD 화면이 달린 노트북 덮개 양쪽 옆으로 길다랗게 스피커가 장착돼 있다. 덮개를 닫아도 스피커는 본체 옆으로 노출된다.

이 스피커엔 색다른 사연이 숨어 있다. 덴마크 오디오 명가 뱅앤올룹슨 기술이 녹아든 스피커다. 제품 디자인부터 데이빗 루이스 뱅앤올룹슨 수석 디자이너가 직접 참여했다는 점만으도 눈길을 끈다. 핵심은 ‘소닉마스터’ 기술이다. 노트북 사운드 성능을 좌우하는 앰프, 스피커 유닛, 스피커 울림통과 정격 출력까지 모든 면에서 명품 소리를 구현하는 데 손색 없도록 했다.

NX90은 프로페셔널 코덱에 뱅앤올룹슨 아이스파워 앰프, 기존 노트북 울림통보다 5배 가량 큰 스피커 울림통에 프로페셔널 코덱을 썼다. 일반 노트북이 정격 출력 2W, 20mm 스피커 유닛, 울림통 용량이 20cc 정도인 데 비해 NX90은 32mm 스피커 유닛에 11W 정격 출력을 구현했다. 울림통은 108cc로, 공간 제약이 심한 노트북 구성을 고려하면 매우 큰 편이다.

18인치 대형 LCD에 USB3.0을 지원하며, 100% 알루미늄 상판을 채택해 인테리어 소품으로도 빠지지 않는 모양새다. 함께 출시된 ‘N73Jq’, ‘N53Jn’ 등 ‘N시리즈에도 뱅앤올룹스와 공동 개발한 소닉마스터 기술을 탑재했다.

아수스는 이 외에도 주력 모델인 울트라씬 노트북 ‘U시리즈’, 게임 마니아를 위한 노트북 ‘G시리즈’와 가정용 노트북 ‘K시리즈’를 비롯해 넷북 라인인 ‘Eee PC’ 신제품 등을 함께 공개했다.

울트라씬 계열인 ‘U33Jc’와 ‘U35Jc’는 이른바 ‘대나무 노트북’이다. 본체 상판을 친환경 소재인 대나무를 썼다. 앞선 울트라씬 모델이 초저전력 CPU를 써서 성능은 양보하는 대신 전력 소모를 줄였다면, 이번 새 U시리즈는 인텔 i5/i3 CPU를 탑재하면서 아수스 전력 감소 기술인 EPU를 적용해 전력 소모를 35% 정도 줄인 것이 특징이다. 일반 작업시에는 GPU가 자동으로 꺼지고, 3D 작업을 할 땐 다시 켜지는 엔비디아 옵티머스 기술도 내장했다.

고성능, 고화질 작업에 맞춘 게이밍 노트북 G시리즈는 두 모델이 공개됐다. ‘G73J’는 고성능 게임에 걸맞는 인텔 코어 i7 820QM CPU에 AMD HD5870 그래픽카드, DDR3 8GB 메모리를 갖췄다. 저장장치는 4GB SSD가 내장된 1TB 듀얼 모멘터스 솔리드 스테이트 하이브리드 드라이브(SSH)다. 후면 열배출 시스템을 채택해 발열과 소음을 줄였고 경사진 키보드 설계로 장시간 게임을 즐길 때도 손목에 무리가 가지 않도록 했다.

하반기께 출시 예정인 ‘G53 3D’는 이른바 ‘3D 게이밍 노트북’이다. 120Hz LCD를 60Hz씩 나눠 양쪽에 뿌려주는 스테레오스코프 3D 방식을 채택해 색상과 해상도 손실을 없애면서 실감나는 3차원 화면을 즐기도록 한 것이 특징이다. 인텔 코어 i7 7400QM CPU에, 3D 그래픽 화면을 고려한 엔비디아 GTX460 그래픽칩셋을 내장했다.

가정용 K시리즈 ‘K52Dr’와 ‘K42Dr’는 AMD 노트북 가운데 처음으로 쿼드코어와 트리플코어 CPU를 탑재한 모델이다. AMD 패넘 X4·X3 CPU와 ATI 라데온 5470 GPU를 결합해 고사양 게임부터 다중 작업까지 무난히 소화하도록 했다.

아수스의 전통 넷북 브랜드 ‘Eee PC’도 하반기 새 모델이 나온다. ‘Eee PC 1015P’와 ‘1215N’이다. 1015P는 리튬폴리머 배터리를 장착해 한 번 충전해 10시간 이상 쓸 수 있는 제품이다. 1215N은 넷북으로는 드물게 듀얼코어 아톰 D525 CPU에 엔비디아 아이온2를 장착했다.

케빈 두 아수스코리아 지사장은 “지난해 글로벌 경제위기로 인해 아수스를 비롯한 노트북 업계가 매출 하락으로 고생하고 있지만, 아수스는 이후 가장 높은 성장세를 보이고 있다”라며 “아수스 주력 제품인 U시리즈와 3D 노트북 G시리즈, 명품 오디오 노트북 NX시리즈 등 다양한 모델을 앞세워 프리미엄 노트북 이미지를 강화해나갈 것”이라고 각오를 밝혔다.

▲플래그십 엔터테인먼트 노트북 ‘NX90′

▲게이밍 노트북 ‘G73J’

HTML5 API 강좌 #1 – Web Storage 와 Application Cache

구루 — Wed, 08 Sep 2010 13:46:32 +0900

이 글은 HTML5 로 아이폰 앱 만들기 라는 제목으로 월간 W.e.b. 에 연재하는 글에서 발췌한 것입니다.
( 잡지에 기고한 글이라 원래 제 블로그의 글과 어투가 다릅니다. ^^; 총 5회 분량으로 진행됩니다. )

이 글 전에 먼저 “HTML5 on Mobile : 왜 HTML5 가 모바일에서 중요한가” 글을 읽어보시기 바랍니다.

1.1. 모바일에서 중요한 HTML5 요소들

모바일에서 HTML5 가 특별히 다른 태그를 활용하는 것은 아니다. 다만 API 중 몇 개가 모바일에 더욱 쓰기 좋은 형태일 뿐이다.

Offline 지원 : Web Storage ( Local & Session ) , Web Database , App Cache
미디어 처리 : Video , Audio , Canvas
입력 지원 : Advanced Forms
위치 정보 : GeoLocation ( 연계표준 )

Offline 지원의 경우 항상 인터넷에 연결되어 있는 데스크탑과 달리 모바일 환경은 꼭 3G 와 같은 네트웍에 항시 연결되어있지 않은 WIFI 전용 기기 ( iPod Touch , iPad ) 들도 있으며, 3G 환경이라 할지라도 네트웍 트래픽을 최소화 하는 것이 아주 중요하다. 또한 HTML5 의 중요 스펙중 몇 가지는 아직 모바일용 주요 브라우저에서도 지원되지 않는다 ( iOS 4 , Android )

WebSocket
FileReader
IndexedDB
Web Workers

현재로선 모바일에서의 HTML5 사용은 주로 Offline 지원을 통한 Local App 으로서의 동작 및 트래픽 최적화, Geo Location 을 통한 위치정보 연동이 가장 많이 쓰이고 있다. 이 연재에서는 모바일에서의 Offline 지원 / GeoLocation API 의 사용방법을 알아보고, 모바일 HTML5 기반 웹앱을 만드는 방법을 알아본다.

1.2. Application Cache

앞서 말했듯이 HTML5 어플리케이션은 Offline 환경을 고려하여 Local App 으로 동작할 때, 또는 모바일 환경에서 사용될 때 트래픽의 최소화를 위하여 Application Cache (어플리케이션 캐쉬) 기능을 제공한다. 사실 우리가 사용하는 많은 브라우저들은 자체 캐쉬 기능을 가지고 있다. 하지만 이 캐쉬는 브라우저가 임시폴더에 저장하고 브라우저 자체에 의해 관리되므로, 웹 어플리케이션은 실제로 자신의 데이타가 캐쉬되어 있는지 확인하거나 관리할 수 없다. 이 HTML5 의 Application Cache 는 브라우저 캐쉬 와는 다르게 전적으로 웹 어플리케이션에 의해 관리되어 어떤 파일을 캐쉬할지부터 캐쉬된 파일을 업데이트 할지 말지를 웹 어플리케이션이 결정하게 된다.

이 Application Cache는 우리가 일반적으로 웹사이트를 구성할 때 사용하는 주요 요소인 HTML, JS, CSS 등의 문서파일들과 각종 이미지 파일들을 브라우저가 제공하는 임시영역에 캐쉬로 저장하도록 지원하여, 오프라인상일 때 브라우저가 웹페이지를 Refresh 하더라도 페이지가 제대로 로딩되도록 한다. 이 캐쉬는 다음과 같은 장점을 가지고 있다.

Offline 지원 : 한번 사이트에 접속하여 파일을 다운로드 해 놓으면, 사용자가 오프라인일때에도 페이지/사이트를 접근할 수 있다.
속도 향상 : 지정한 모든 파일을 로컬에 저장해두므로, 훨씬 빠르게 페이지를 표시할 수 있다. 일반적으로 CSS, JS 같은 파일들은 전체 사이트에서 공유되므로 초기에 한번만 다운로드해 놓으면 그 후에는 매우 빠르게 재사용된다.
서버 부하 감소 : 캐쉬된 파일들이 있을 경우에 브라우저가 그 페이지를 Reload 할 경우, 브라우저는 혹시 캐쉬된 파일이 업데이트 되었는지만 체크하고 변경 안되었을 경우 다운로드 하지 않으므로 서버측에서는 파일전송에 대한 부하가 줄어들게 된다.

현재 모바일/데스크탑 웹 브라우저의 경우 일반적으로 각 도메인당 5M로 캐쉬 크기가 설정되어 있는것으로 알려져 있으며, 데스크탑 브라우저의 경우 5MB 가 넘어갈 때 사용자에게 확장할 것인지를 묻기도 한다. ( 브라우저 구현에 따라 다르고, 현재로서는 스펙상 크기가 제한되어 있지 않다. )

1.2.1. Application Cache 동작방식 알아보기

사이트에 Application Cache 를 추가하는 건 매우 간단하다. 각 페이지의 html 태그에 다음과 같이 manifest 속성을 지정한다.

* 주의 : 몇몇 브라우저에서는 와 같은 HTML5 Doctype 선언이 없으면 Application Cache 가 잘 동작하지 않을 수도 있다.

이 manifest 속성에는 URI 형식으로 Manifest 파일을 지정하면 된다. 이 appcache.manifest 파일 ( 이름이나 확장자는 상관없다 ) 은 텍스트 파일이며 다음과 같은 내용으로 구성된다.

CACHE MANIFEST
# this is comment
# manifest version : v1.1 20100808
CACHE:
stylesheet.css
js/jquery.js
js/system.js
img/logo.png
img/icons.png
 
NETWORK:
login.php
 
FALLBACK:
img/main_image.png   img/backup_image.png

Manifest 파일은 단순한 텍스트 파일이지만 서버에서 이 파일을 전송할 때 MIME 타입은 꼭 text/cache-manifest 로 되어있어야 한다. 웹 서버에 .manifest 의 MIME 타입을 등록 ( 확장자는 상관없기 때문에 원하는 걸로 해도 된다. ) 해주거나, 동적으로 manifest 를 생성할 때는 헤더를 지정해주면 된다. 예를 들어 php 에서는 아래와 같이 header 함수를 이용해 Content-Type 을 text/cache-manifest 로 지정한다.

<!--?PHP
header("Content-type: text/cache-manifest");
// Manifest 내용
?-->

이 Manifest 파일의 맨 첫 줄은 꼭 CACHE MANIFEST 라는 내용으로 시작해야 한다. 실제로는 CACHE: , NETWORK: , FALLBACK: 이라는 3개의 헤더정보가 있지만 맨 앞의 CACHE: 는 생략되어도 된다. 즉 앞의 Manifest 파일 앞 부분은 아래와 같이 CACHE: 를 제거해도 상관없다.

CACHE MANIFEST
# this is comment
# manifest version : v1.1 20100808
stylesheet.css
js/jquery.js
js/system.js
img/logo.png
img/icons.png

섹션아래에 리소스들은 Manifest 파일이 위치한 곳으로부터의 상대경로 또는 절대경로로 지정될 수 있다. html 파일이 위치한 경로가 아님에 주의하자. Manifest 파일의 경로가 다른 곳에 있으면 이미지등 URL 이 실제 html 페이지와 다를 수 있으므로, 일반적으로는 html 파일과 Manifest 를 같은 위치에 두는 것이 좋다. 그외에 # 으로 시작되는 주석문 또는 빈 줄도 추가될 수 있다.

각 섹션에 대해 알아보자

CACHE:
- 이 섹션에 명시되어 있는 파일들은 맨 처음 로드되고 나서 캐쉬에 저장된다.
- 현재의 Manifest 파일을 지정한 html 파일은 이 섹션에 없더라도 자동으로 캐쉬에 저장된다.
NETWORK:
- 이 섹션에 명시되어 있는 파일들은 무조건 네트웍에서만 불러오게 된다. 즉, 만약 브라우저가 오프라인 상태라면, 이 파일들은 캐쉬된 파일에서 사용되면 안 된다.
FALLBACK:
- 이 섹션은 로딩에 실패했을 경우에 대신 사용할 파일들을 지정하는 것이다. A B 라는 형형태 지정했을 때 A 의 로딩에 실패하면 B 를 자동으로 로딩한다. 즉 이 경우 B 의 파일은 캐쉬에 저장되어, 오프라인 모드에서 A 를 못불러올 경우 캐쉬에서 읽히게 된다.
- Fallback 은 폴더 전체에도 적용이 가능하다. 즉
```
FALLBACK:
 /photo  notavailable.png
```
  위와 같이 지정했을 경우 오프라인 모드에서는 /photo 폴더 밑의 모든 이미지를 못 가져 오게 되므로 notavailable.png 파일로 대체되게 된다.

1.2.2. Application Cache 동작순서

브라우저에서 Application Cache가 동작하는 순서를 간략히 알아보자.

사이트에 최초 접속시 브라우저는 html 태그의 manifest 속성을 보고 manifest 파일을 로드한다.
Manifest 파일 자체와 내부의 CACHE: 섹션의 모든 파일, 그리고 FALLBACK: 섹션에 있는 대체 파일들을 캐쉬에 저장한다.
두번째 접속시 브라우저는 manifest 파일을 불러서 이 파일이 변경되었는지를 비교한다. 수정이 되었다면 2번 프로세스를 다시 시작한다.
* 중요 체크포인트 1 : 리소스 파일이 변경되었는지가 아니라 manifest 파일내용 자체가 변경되었는지를 체크하는 것이다. 만약 캐쉬된 로고이미지가 바뀌거나 CSS 파일의 내용이 바뀌었다면 manifest 파일 자체를 수정해서 다시 로드 되도록 해야 한다. 이 때문에 손쉽게는 동적으로 생성되는 Manifest 파일의 코멘트부분에 수정한 날짜 또는 버전정보를 적어놓는 등의 방법을 이용하거나, Javascript 를 이용하여 수동으로 갱신하도록 한다.

* 중요 체크포인트 2 : 2번째 접속시에 만약 리소스가 변경되었더라도 2번째 접속 자체는 처음의 캐쉬를 이용하여 화면이 구성되게 된다. 즉 처음 캐쉬로 화면을 먼저 표시하고 , 백그라운드에서 캐쉬 업데이트 프로세스가 진행된다. 업데이트가 완료되면 Javascript 로 이벤트가 발생하게 되며, 이때 강제로 캐쉬를 교체해야만 수정된 캐쉬가 화면에 보여지게 된다.
오프라인 상태에서 해당 페이지로 접속시도시 실패한다면 Application Cache 에서 html 파일과 캐쉬된 파일을 로드한다. 즉, Offline 모드에서의 페이지 보기로 동작한다.
사이트의 html 태그에서 manifest 가 제거되었다면, 브라우저는 해당캐쉬를 삭제한다.

즉, 처음 접속시 manifest 가 지정되어 있다면 이 내용에 따라 캐쉬해 두었다가, 차후 접속 시에 사용하는 방식으로 동작한다.

1.2.3. Javascript 에서 Application Cache 관리하기

Application Cache는 Manifest 파일에 의해서 정적으로 관리되는 방식 외에 Javascript 를 통해서 좀더 세밀하게 관리가 가능하다. 브라우저가 Application Cache 를 지원하는지 여부, 캐쉬에 대한 상태를 읽어들이거나, 비동기적으로 업데이트 하는등의 동작을 자바스크립트 코드상에서 할수있도록 지원한다.

Application Cache 지원여부 확인
- 코드상에서 window.applicationCache 를 객체를 검사하면 브라우저가 Application Cache를 지원하는지 여부를 확인할수 있다.
- ```
If (!!window.applicationCache) { // 지원함 
} else { }
```
Application Cache 상태
Window.applicationCache.status 를 확인하면 현재 캐쉬의 상태를 알 수 있다. 다음과 같이 6개의 상태값을 가질 수 있다. 각 상태값은 applicationCache 에 대문자로 된 상수로 선언되어 있다.
```
if ( window.applicationCache.status == window.applicationCache.UPDATEREADY) {
 // 작업진행
 }
```
- 0 – UNCACHED
  페이지가 캐쉬를 사용하지 않거나, 맨 처음 접속시에 캐쉬가 다운로드 되기 전까지는 UNCACHED 상태이다.
- 1 – IDLE
  브라우저가 최신버전의 Application Cache 로 업데이트되었고, 더 이상 다운로드 할 업데이트 버전이 없는 상태
- 2 – CHECKING
  Manifest 파일이 업데이트 되었는지를 체크하는 상태 ( 현재 캐쉬된 Manifest 파일과 서버의 Manifest 파일을 바이트단위로 비교한다 )
- 3 – DOWNLOADING
  캐쉬할 파일들을 다운로드 하는 상태 ( 2번 단계에서 Manifest 파일이 업데이트되었다고 알게 되었을 때 )
- 4 – UPDATEREADY
  새로운 캐쉬의 다운로드가 끝나고 사용할 준비가 되었을 때 ( 아직 이 캐쉬가 사용된건 아님 )
- 5 – OBSOLETE
  Manifest 파일 자체를 찾을 수 없을 때, 상태는 OBSOLETE로 지정되며 캐쉬는 삭제된다.
Application Cache 에 의해 발생하는 Event 들
캐쉬의 상태에 따라 아래와 같은 이벤트 들이 발생한다. 아래와 같이 이벤트 리스너를 등록해서 각각의 이벤트에 대응할수 있다.
```
window.applicationCache.addEventListener(‘updateready’, function() {
 // 이벤트 처리하기
 }, false);
```
- checking
  manifest 파일을 처음으로 다운받을때나, 업데이트된 manifest 가 있는지 확인할 때 발생하는 이벤트
- error
  파일을 다운로드 할 수 없거나 하는 다양한 에러시 발생. 만약 manifest 에 있는 파일들중 하나라도 다운로드가 실패하면 캐쉬 업데이트 전체가 실패한다. 물론 실패하더라도 기존에 있는 캐쉬 자체가 깨지지는 않으며 브라우저는 계속해서 예전버전의 캐쉬를 이용하게 된다.
- noupdate
  업데이트할 파일이 없을 때 발생하는 이벤트
- downloading
  처음으로 캐쉬할 파일들을 다운받거나, 업데이트된 캐쉬가 있을 때 발생
  화면에 변경된 내용을 업데이트 중이라는 것을 표현해줄 수 있는 이벤트
```
window.applicationCache.addEventListener(‘downloading, function() {
 showMessage(‘리소스 다운로드중입니다.’)
 }, false);
```
- progress
  캐쉬할 각각의 파일이 다운로드 될 때마다 발생하는 이벤트
- updateready
  새로 업데이트된 캐쉬의 모든 리소스가 다운로드되었을 때 발생하는 이벤트. 이 이벤트가 발생하면 swapCache() 함수를 호출하여 브라우저가 새로 업데이트된 캐쉬를 사용하도록 할 수 있다.
```
window.applicationCache.addEventListener(‘updateready’, function() {
 window.applicationCache.swapCache();
 }, false);
```
- cached
  모든 리소스가 다운로드 되어, 어플리케이션이 캐쉬되었을 때 발생
- obsolete
  manifest 파일을 찾을 수 없을 때 ( 404 또는 410 에러 )
Application Cache 의 메소드들
캐쉬에 대해 사용할수 있는 메소드는 2가지이다.
- window.applicationCache.swapCache()
  앞에서 나왔듯이 새로 다운로드 받은 캐쉬와 현재 사용중인 캐쉬를 강제로 교체하는 함수이다.
- window.applicationCache.update()
  Application Cache 다운로드를 다시 호출한다. 즉 Manifest 파일을 다운받아서, 현재 캐쉬 되어있는 Manifest 와 비교하여 변경된 부분이 있다면 새 캐쉬를 다운로드 한다. 이걸 호출하더라도, 현재 사용중인 캐쉬가 변경되지는 않으며, 새 캐쉬고 업데이트되고 updateready 이벤트 발생시에 swapCache() 함수를 호출해 줘야 한다.

실제로 자신의 웹 어플리케이션에 Application Cache 를 적용하게 되면 항상 2가지 작업을 하게 된다.

html 태그 에 manifest 속성추가
자바스크립트에 updateready 이벤트 받아서 swapCache() 호출

이를 통해 여러분의 웹 어플리케이션이 Offline 상에서도 동작 가능하게 하고, 또한 좀더 빠르게 로딩할 수 있도록 만들 수 있다.

1.3. Web Storage

1.3.1. Web Storage 와 Cookie

HTML5 의 Offline 지원 API 중에서 2번째는 Web Storage 라고 불리는 Key/Value 쌍으로 된 형식의 저장소이다. 우리는 이미 많은 웹 어플리케이션에서 Cookie 를 이용해서 이 Key/Value 값을 저장해왔다. 하지만 Cookie 는 다음과 같은 단점이 있다.

보통 브라우저에서 최대 크기가 4KB 정도로 제한이 있다.
매번 HTTP Request 호출 시마다 HTTP 헤더에 전송을 필요로 하기 때문에 많은 양의 값들을 저장하기 에는 무리가 있어서, Cookie 양이 커질 때마다 웹서버의 응답시간이 늘어나는 결과를 보인다. ( Cookie 에 대한 퍼포먼스 측정은 http://j.mp/nomore_cookies 를 참고 )
헤더에 전송되므로 악의적인 용도로 쓰일 수 있다.

HTML5의 Web Storage 는 이런 쿠키의 단점을 보완하여 클라이언트(브라우저) 상에서만 저장되고 관리되므로 더욱 효율적이다. Web Storage 는 2가지의 저장공간을 제공한다. 일반적으로 이 데이터들은 일반적으로 각 도메인 별로 약 5Mb 까지 저장이 가능하다. ( 브라우저 별로 차이가 있을수 있다 )

LocalStorage
장기적으로 저장할 수 있는 공간이다. 브라우저 창을 닫아도 계속 유지되며 모든 브라우저 창 간에 공유된다. 유효기간이 없는 Cookie 와 같다고 보면 된다.
SessionStorage
세션이라는 이름에서 볼 수 있듯이 현재 브라우저 창에만 유효한 저장공간이다. 즉 브라우저창을 닫으면 모두 지워진다.

주의! : 만약 현재 브라우저 창 내에서 a 태그에 target=_blank 같은 걸 지정했을 경우 이 링크를 눌러서 새로운 창을 열게 되면, 지금까지 기록된 SessionStorage 내부의 값을 모두 복사해서 넘기게 된다. 그러면 두 개의 창은 처음에는 똑 같은 SessionStorage 내용으로 만들어지지만, 그 다음부터 수정된 SessionStorage 내용은 서로 다르게 된다. 즉 세션 데이터가 복사되지만 공유되는 것은 아니다.

1.3.2. Web Storage 사용하기

LocalStroage 와 Sesseion Storage 가 브라우저상에서 처리되는 것은 차이가 있지만, 코드상에서는 똑같이 동작한다. 제공되는 메소드는 다음과 같다. ( localStorage 를 sessionStorage 로 바꿔도 똑같이 동작한다 )

localStorage.setItem ( key , value )  // 키/밸류 아이템을 저장
localStorage.getItem ( key ) // 해당키의 아이템을 가져온다.
localStorage.removeItem ( key ) // 해당키의 아이템을 삭제한다
localStorage.clear ( )  // 전체 아이템을 삭제한다
localStorage.length  // 스토리지에 들어있는 아이템의 개수

예제를 통해 조금 더 자세히 알아보자.

setItem ( key , value )
스토리지에 아이템을 저장하는 setItem 함수는 다음과 같이 호출할 수 있다.
```
localStorage.setItem( ‘username’ , ‘철수’);
```
일반적으로 에러가 발생할 일은 없지만 단 하나의 에러가 발생할 수 있다. 앞에서 말한 5MB 크기제한을 넘겼을 경우다.
```
try {
localStorage.setItem( ‘username’ , ‘철수’ );
} catch (e) {
  if (e == QUOTA_EXCEEDED_ERR) {
    alert('저장공간이 초과되었습니다!');
  }
}
```
getItem ( key )
저장된 아이템은 키를 이용해서 가져올수 있다.
```
alert( ‘현재 사용자는 ‘ + localStorage.getItem(‘username’) + ‘입니다.’ );
```
만약 지정한 key 이름이 유효한 javascript 토큰 ( 빈칸없고, 언더바만 사용되는 일반 적인 변수명과 같은 ) 이라면 아래와 같이 축약해서 쓸 수도 있다.
```
alert( ‘현재 사용자는 ‘ + localStorage.username + ‘입니다.’ );
```
removeItem( key ) , clear()
removeItem() 을 이용하여 key 별로 지우거나, clear() 를 이용해서 전체 아이템을 삭제할 수 있다. 주의할 것은 localStorage.clear() 의 경우 현재 해당된 도메인에 할당된 전체 LocalStorage 를 지운다는 것이다. 즉 http://foo.org/abc/ , http://foo.org/xyz/ 두 개의 폴더에서 만들었더라도 상관없이 모두 지워진다. 단, http://bar.foo.org 와 같은 서브 도메인은 상관없다. 폴더별이 아닌 도메인별로 관리된다고 보면 된다.

1.3.3. 브라우저에서 Web Storage 관리하기

HTML5 를 잘 지원하는 WebKit 기반 브라우저 ( 크롬 / 사파리 )에서는 LocalStorage / SessionStorage 를 UI 상에서 보고 관리할 수 있는 방법을 제공한다. 개발시에 유용하게 사용할 수 있으므로 꼭 알아두자. ( Firefox 는 Firebug 를 깔면 볼 수는 있지만, WebKit 에 비해 불편하다 )

Chrome : Ctrl+Shift+J (윈) 또는 Command+Option+J (맥) 을 눌러 Developer Tools 실행

Safari : Ctrl+Alt+I (윈) 또는 Command+Option+I (맥) 을 눌러 Web Inspector 실행

양쪽 브라우저에서 창의 이름은 다르지만 기능은 거의 동일하다. 아래와 같이 Storage 탭에서 Local / Session 데이터를 확인 가능하며, Key/Value 아이템의 추가/수정/삭제등이 모두 가능하다.

지금까지 HTML5 의 Offline 지원기능 중에 두 가지인 Application Cache 와 Web Storage 에 대해 알아보았다. 다음 회에선 브라우저에서 사용 가능한 데이터베이스인 Web SQL Database 와 위치정보 지원을 위한 GeoLocation API 를 알아보고, 이를 이용한 샘플 어플리케이션을 제작해볼 것이다.

“서비스 사용자가 공격 못 느낄 정도로 방어”…아카마이, 클라우드 보안 서비스

도안구 — Wed, 08 Sep 2010 13:20:50 +0900

클라우드 컴퓨팅에 대한 관심이 높지만 한편에서는 보안 문제를 걱정한다. 아무리 전문가들이 철옹성 같은 방어막을 친다고 하더라도 빈틈이 생길 지 모른다는 우려 때문이다. 이 때문에 클라우드 컴퓨팅 분야에서 보안은 시장 활성화를 위해 반드시 해결돼야 할 과제로 떠오르고 있다.

많은 업체들이 클라우드 관련 보안을 이야기하는 상황에서 전세계 1위 콘텐츠 딜리버리 네트워크 업체인 아카마이의 헤럴드 프로콥 수석 엔지니어 부사장이 방안해 관련 내용에 대해 설명하는 자리를 마련했다.

헤럴드 프로콥 부사장은 “공격근원지에서부터 먼저 방어조치를 취하기 때문에 공격 트래픽이 기업의 데이터센터에 유입되지 않도록 방어한다. 서비스 사용자는 공격이 발생했다는 것조차 느낄 수 없다”고 자사의 서비스 경쟁력에 대해 강조했다.

아카마이는 사이버 공격으로부터 기업 자산을 보호할 수 있는 ‘아카마이 클라우드 보안 스위트(Cloud Security Suite)’를 국내서도 제공하겠다고 밝혔다. 이 서비스는 전세계 70개국 2천여 지역에 7만여 대의 서버를 기반으로 구축한 분산형 플랫폼인 클라우드 엣지(Cloud Edge)를 기반으로 하고 있다. 자사의 분산형 컴퓨팅 플랫폼에 자체 소프트웨어를 적용해 서비스 형태로 제공한다.

대표적으로 웹 애플리케이션 방화벽(WAF), HTTP 인증 등의 응용 프로그램 계층과 사이트실드(SiteShield) IP 기반 액세스 제어, 시큐어 딜리버리 같은 네트워크 계층, 향상된 DNS(Domain Name System), 글로벌 트래픽 관리 같은 DNS 계층, 분산 서비스 거부 공격에 대한 방어 등이다

다음은 헤럴드 프로콥 부사장과 일문 일답.

지난해 있었던 7월 7일 분산 서비스 거부(DDoS) 공격이 있었는데, 아카마이는 공격 근원지를 어디라고 분석하나?

당시 감염된 컴퓨터 IP의 90%가 한국이었다. 미국의 사법 당국과 한국에서도 찾아내기 위해 많은 노력을 했으나, 배후에는 누가 있는지 모르겠다. 알게 됐으면 보도됐을 것이다. 제 생각에는 실질적인 공격 근원자가 한국에 있었을 가능성은 낮으며, 한국이 광대역 망과 대역폭 잘 갖추고 있기 때문에 한국을 타겟으로 한 것으로 보인다.

통상적인 보안 솔루션 같은데, 클라우드 보안이라고 이야기하는 이유는 무엇인가?

클라우드는 광의의 개념으로 정의된다면 인터넷을 통해 접속을 하고 하드웨어와 소프트웨어 설치가 필요없는 가상의 시스템을 말한다. 아카마이는 SaaS(Software as a Service), IaaS(Infrastructure as a Service), PaaS(Platform as a Service)를 세가지 클라우드 모델 지원하고 있고, 이러한 모델의 공격에도 대해서 막을 수 있으며, 사전 모니터링 등을 통해 이를 확인하고 대비할 수 있다.

아카마이는 첫째, 클라우드 컴퓨팅 시스템을 사용하는 유저들을 대상으로 서비스를 제공하기 때문에, 그리고 둘째로 클라우드 서비스 자체를 온디맨드로 제공하기 때문에 클라우드 기반이라고 해석할 수 있겠다. 아카마이의 솔루션은 사용자 입장에서는 별도 구입이나 설치가 필요없다.

아카마이의 솔루션은 애플리케션, 네트워크, DNS 레이어에서 방어가 가능하다고 했는데, 인터넷 트래픽 분석할 수 있는 아카마이가 봤을 때, 세 레이어 중 어떤 레이어가 가장 위협적이라고 생각하나?

세가지 레이어 모두 중요하고, 공격자 입장에서는 그 중 약한 링크가 판단이 되면 공격을 하기 때문에 한가지에만 집중을 하게 되면 나머지 두 군데 중에서 취약한 부분을 찾아 공격을 진행할 것이다. 이 때문에 세가지 레이어를 강력하게 갖추는 것이 중요하다. 애플리케이션 레이어에 초점을 맞추고 있는 경향이 있기도 하지만, 이 경우 디도스, DNS 공격을 탐지할 방안이 없게 된다. 아카마이의 장점은 스위트 하나를 통해서 세가지 레이어를 동시에 모두 방어할 수 있다.

자료를 보면, 금융 거래, 전자상거래(e-Commerce)를 위한 서비스도 제공한다고 했는데, 좀 더 설명해 달라.

이번 발표에는 보안에만 초점을 맞춰서 그 부분은 설명을 하지 않았다. 보안 외에도 기본적으로 아카마이는 쇼핑, 개인 홈페이지, 소셜 네트워킹 페이지와 같은 다이내믹 사이트에 대해 퍼포먼스 가속을 위한 서비스를 제공하고 있다. 금융, 전자상거래 부문에서도 점차 오프라인에서 온라인으로 이동하고 있는데, 전자상거래에서 고객의 요청에 대한 페이지 응답률과 실제 웹사이트 수익 간에는 큰 상관관계가 있다.

아카마이는 전자상거래에서 수익을 낼 수 있도록 서비스를 제공하고 있으며, 특히 통계치를 보면 미 소매업체 상위 100개 중 95개 업체가 아카마이를 통해 사이트를 운영하고 있다. 이처럼 성능 가속이 가능한 이유는 최종 사용자 또는 가정 가까이에 서버가 구축돼 있고, 전세계 거의 모든 곳에 인터네서비스제공자(ISP)가 이런 것들을 갖추고 있으며, 최종 사용자 바로 옆에 설치된 서버를 고객이 접속해 액세스 포인트로 활용하도록 하기 때문이다.

최근 소셜 네트워크 서비스인 트위터와 페이스북 등도 국내 지사 없이 해외 서버를 기반으로 서비스하고 있다. 이런 곳들은 어떻게 대응하고 있나?

현재 페이스북은 아카마이의 사이트 액셀러레이터와 보안 서비스를 이용하고 있다. 이들이 한국에서 서비스를 제공한다 해도 아카마이를 이용한다면, 굳이 한국에 지사를 설립할 필요가 없다. 국내에 인프라가 있든 없든 관계없이 아카마이는 지역 내 데이터센터를 이용해 서비스를 제공하기 때문이다.

특히, 한국 게임사들은 현재 지역별로 데이터센터를 갖고 있는데, 운영의 어려움이 많아 이 데이터센터들을 한국에 집중하는 방안을 아카마이와 협의중이다. 이는 글로벌 서비스를 제공하는 데 있어 아카마이 솔루션을 이용하면 별도 인프라나 지사없이도 아무 문제가 없다는 것을 증명하는
것이다.

이번에 소개한 제품군이 서비스 거부 공격에 대한 방어 분야의 비중이 높은 듯한데, 현재 시장에는 관련 방어 서비스가 많이 있다. 아카마이의 보안 스위트는 어떻게 차별화가 될 수 있으며, 한국의 수요는 어떻게 예상하고 있나?

많은 서비스 거부 공격에 대항한 장비들에게 있어 액세스가 직접 공격을 받을 때, 감당할 수 없는 트래픽을 처리, 운용한다는 것이 어려운 일이다. 주로 관련 장비들은 스펙이나 성능에 대한 초점이 맞춰져 있는데, 아카마이는 분산 네트워크를 통해 고객의 공격을 대신 받는 서비스를 제공하는 것이다. 트래픽이 서비스 거부 공격이라고 판명 되는 순간, 엣지 서버에서 전세계 7만 3천여대의 서버가 모든 공격을 받고, 부하 걸리는 순간 트래픽을 이동시킨다. 장비는 성능에 비해 더 높은 트래픽이 걸리면 못 막는 경우가 많다. 얼마전 한 게임사가 서비스 거부 공격에 굉장히 시달려서 한국에서 서버를 운영할지 해외로 가지고 나갈지 등 여러가지 고민을 하다가 아카마이의 관련 솔루션을 구입하기도 했다. 아카마이 보안 패키지는
사이트 전체를 가속해 성능과 보안 기능을 동시에 제공한다.

아카마이나 씨디네트웍스 등은 서비스 비용이 전반적으로 높은 걸로 알고 있다. 공격이 있을 때만 잠시 수요가 일어나기도 한다고 하던데, 수요를 어떻게 예상하고 있나?

공격이 지속적, 주기적으로 패턴이 바뀌어 가고 있고, 고객들도 이제 협박성 공격은 무시하는데, 비즈니스 임팩트가 무엇인지를 판단해서 선택하도록 하고 있다. 한 온라인 쇼핑몰은 1분 다운되면 3억원을 잃는다고 한다. 실질적인 고객의 타겟이 무엇이고, 어떤 비즈니스 성장을 위해 아카마이를 써야 하는지 가치 중심의 딜리버리를 하기 때문에 약간 비용이 높은 것은 사실이다. 베스트 바이(Best Buy)라는 미국의 전자상거래회사는 아카마이 서비스를 쓴 후 35% 온라인 수익 증가했다.

아카마이 서비스 거부 공격에 대응할 수 있는 솔루션의 비용은?

아카마이 솔루션은 서비스이기 때문에 예측되는 월 평균 트래픽, 연간 트래픽에 따라 산정을 해서 가격을 책정하고, 피크 트래픽이 발생했을 때까지 보호가 되도록 고객에 맞는 수준의 적절한 컨설팅과 지원을 제공하고 있다. 아카마이는 갑자기 공격을 받았을 시, 긴급 서비스 지원은 없다. 의뢰가 들어온 후 2주 정도의 컨설팅 이후 실행을 하기 때문에 공격을 받아 지금 당장 서비스가 필요하다고 했을 때는 이미 조금 늦은 것이다.

아이폰, 잠금화면에 날씨를 출력하자!

도아 — Wed, 08 Sep 2010 12:09:41 +0900

아이폰(iPhone)을 탈옥하는 이유는 상당히 많다. 기능 때문에 탈옥하는 사람도 있고 테마 때문에 탈옥하는 사람도 있다^주1. 비중을 어디에 두느냐에 따라 달라지는 문제인 셈이다. 아무튼 오늘은 잠금화면 테마(Lockscreen Theme)를 하나 소개할까 한다. 날짜와 시간 - 시간은 초까지 나온다 - 이 나오며 날씨까지 확인할 수 있는 잠금화면 테마다. 꽤 오래 전에 비슷한 기능을 하는 i대시보드( iDashboard)를 소개했었는데 i대시보드(iDashboard) 보다는 조금 더 깔끔하다. 물론 기능은 조금 더 떨어지지만.

잠금화면 테마는 당연한 이야기지만 탈옥폰에서만 가능하다. 다만 이 테마는 다른 테마와는 달리 파일을 직접 편집하지 않아도 쉽게 설정할 수 있다. i대시보드(iDashboard)에 대한 글을 읽어 보면 알 수 있지만 날씨를 설정하기 위해서는 테마파일을 직접 편집했어야 했다. 그런데 오늘 소개하는 Slanted Lock 테마는 모바일 사파리(Mobile Safari)로 설정할 수 있는 옵션을 제공한다. 따라서 초보자들도 테마를 쉽게 설정할 수 있다.

테마 설치

테마를 설치하는 방법은 상당히 쉽다. 시디어(Cydia)를 실행한 뒤 Slanted Lock을 찾아 설치하면 되기 때문이다. 다만 테마를 설정하기 위해서는 Slanted Lock 외에 file: 프로토콜을 처리할 수 있는 file:// for Mobile Safari도 설치해야 한다. 이 확장을 설치해야 모바일 사파리를 통한 테마 설정이 가능하기 때문이다. 탈옥을 한 사람이라면 시디어를 통해 어플을 설치하는 것 정도는 쉽게 할 수 있기 때문에 따로 설명하지 않겠다. 즉, 알아서 설치하기 바란다.

잠금화면 테마

잠금화면 테마를 사용하면 아이폰에서 기본적으로 출력되는 시계가 문제가 된다. 따라서 잠금화면 테마를 사용할 때에는 꼭 아이폰의 화려한 변신, 수동 설치 테마에서 설명한 Lockscreen Clock Hide를 설치해야 한다.

테마 설정

윈터보드 설정

잠금화면 테마를 사용하기 위해서는 먼저 윈터보드(WinterBoard)에서 잠금화면 테마를 설정해야 한다. 설정/WinterBoard/Select Themes에서 SlantedLock를 선택하고 스프링보드를 다시 시작(리스프링, Respring)하면 된다. 그러나 이렇게 잠금화면 테마를 설정해도 잠금화면에 원하는 테마가 나타나지 않을 수 있다. 잠금화면에 테마가 나타나지 않는 것은 테마를 설정하지 않았기 때문이다.

테마 설정

따라서 윈터보드(WinterBoard)에서 테마를 설정했다면 모바일 사파리를 이용해서 테마를 설정해 주어야 한다. 테마를 설정하는 방법은 다음과 같다.

모바일 사파리를 실행한 뒤 주소 표시줄에 다음 주소를 입력한다. 앞에서 설명했지만 모바일 사파리에서 file: 프로토콜을 처리하기 위해서는 꼭 file:// for Mobile Safari를 먼저 설치해야 한다.
```
file:///Library/Themes/SlantedLock.theme/config.html
```

다음 설명에 따라 각각의 항목을 설정한다. 야후 날씨의 지역 ID와 아큐날씨의 지역 코드를 가져오는 방법은 글 뒷 부분을 참조한다.

항목	설명	예
Enable Weather	날씨의 사용 여부.	Yes
Weather Source	날씨 정보를 가져올 사이트.	AccuWeather
YahooWeather WOEID	야후 날씨의 지역 ID.	1132464(Chungju)
AccuWeather Zip Code	아큐날씨의 지역 코드.	ASI\|KR\|KS001\|CHUNGJU\
AccuWeather use Real Feel	아큐날씨의 정확한 온도.	Yes
Temperature Scale	온도 표시.	C(섭씨)
Time Display	시간제	12 hr
Icon Set	사용할 날씨 아이콘	Tick
Update	Interval (minutes)	30
Style Sheet	사용할 스타일시트	StantedLock

Set Config 단추를 터치한다.

이렇게 설정한 뒤 잠금화면을 확인하면 상당히 깔끔한 잠금화면을 확인할 수 있다. 한가지 주의할 것은 야후 지역 ID나 아큐날씨 지역 코드가 정확하지 않으면 잠금화면이 나타나지 않거나 조금 늦게 나타날 수 있다.

HTC, Tick, Klear

가장 왼쪽이 HTC 날씨 아이콘, 가운데가 Tick 날씨 아이콘, 마지막이 Klear 날씨 아이콘이다. 마음에 드는 날씨 아이콘을 설정하면 된다.

지역 코드 설정

먼저 아큐날씨 지역 코드를 확인하는 방법은 잠금화면을 대시보드로!라는 글의 시계 설정하기/날씨 부분을 보면 된다. 이미 한번 설명한 부분이기 때문에 따로 설명하지 않겠다. 야후날씨의 지역 ID를 확인하는 방법은 다음과 같다.

미국 야후날씨에 접속 한 뒤 Enter city or zip code에 찾고자 하는 도시의 이름을 입력한다. 한글, 영어 모두 가능하므로 한글로 입력해도 된다.
브라우저 주소 표시줄의 가장 끝 부분의 7자리 숫자를 확인한다.

배경화면 바꾸기

이 잠금화면 테마는 아이폰의 배경화면과 호환된다. 즉, 아이폰에서 배경화면 설정을 바꾸면 Slanted Lock 테마의 배경화면도 바뀐다. 따라서 배경화면은 설정/배경화면을 통해 바꾸면 된다. 다만 이 글에 나온 것과 똑 같은 배경화면을 사용하고 싶다면 Retina Wallpapers HD 를 사용하면 된다. Retina Wallpapers HD는 아이폰 4의 해상도인 640x960의 HD 해상도용 배경화면을 제공하는 무료 어플이다.

Firefox 4 베타로 갈아타세요!

Channy Yun — Wed, 08 Sep 2010 12:05:47 +0900

오늘 Firefox 4 베타 5 버전이 출시되었다.

사실 Firefox 4 베타 버전은 자동 업데이트 되기 때문에 더 이상 버전 번호를 부르지는 않기로 했다. 따라서 다섯번째 업데이트가 나왔다고 볼 수 있다.

이 글은 새로운 기능들을 소개하고 있지만, 글 맨 아래 동영상으로 설명을 만들어 보았다. 읽기 귀찮은 분은 바로 동영상 보기를 하시기 바란다.

베타라면 정식 버전이 나올때 까지 기다리는 것이 인지상정이겠으나, 이번 버전의 경우도 꽤 안정적이기 때문에 갈아타서 사용해 보기를 추천한다.

사용자 기능
사용자 인터페이스에서 추가된 기능은 다음과 같다.

탭 상위 기능: 탭을 주소창 맨 위로 올려서 일관성 있는 UI제공
탭 바로가기: 이미 열린 탭의 경우, 주소창에서 바로 가기 가능
Firefox 버튼: 메뉴를 모두 없애고 버튼의 메뉴 모음 제공
앱 기능 탭: 앱 탭으로 만들면 아이콘 크기의 작은 탭으로 변화
멀티 터치: 윈도 7에서 양 손으로 터치하는 기능 제공

탭 그룹 기능은 탭을 너무 많이 열린 경우, 관심사 혹은 업무에 따른 웹 페이지를 간단한 드래그로 탭 그룹을 관라할 수 있다.

동기화 기능 북마크, 암호, 방문 기록, 마지막 탭 이용 정보 등을 집이나 회사의 PC의 파이어폭스에서 끊김없이 이용할 수 있다. 아이폰에서는 Firefox Home을 이용하면 이용 가능하다.

부가 기능 관리의 경우, 별도 창이 아니라 탭 내에서 관리할 수 있다.

개발자 기능
개발자를 위해서 2개의 개발자 도구가 포함되어 있다. 문서 구조와 스타일을 바로 확인할 수 있는 문서 검사 기능과 커맨드 모드에서 자바스크립트 등을 테스트해 볼 수 있는 웹 콘솔이다.

특히, 웹 개발자를 위한 HTML5 웹 표준들을 계속해서 추가하고 있으며 Audio Data API와 하드웨어 그래픽 가속(윈도)가 다섯번째 업데이트에 포함 되었다. (참고. Firefox 4 HTML5의 지원 사항)

부가 기능 호환성 추가
베타 버전을 설치하고 나면 기존에 사용하던 부가 기능 대부분이 이용이 어려울 것이다. 이는 부가 기능 개발자들이 새로운 버전에서 테스트하고 업그레이드 하기 전 까지 보안 및 안정성 문제로 버전 호환성이 안되면 사용하지 못하도록 하기 때문이다.

주소창에 about:config라고 치면 설정 화면이 나온다. 오른쪽 버튼을 눌러 "새로 만들기->연산자"를 하고 난 후, extensions.checkCompatibility.4.0b라는 새 속성을 만들어 넣은 후 연산자를 false로 만들어 주면 모든 부가 기능이 동작한다.

간혹 에러나 경고를 내는 부가 기능이 있을 수 있는데 그럴 경우, 어떤 확장 기능이 문제를 일으키는지 하나씩 "사용 안함"을 해서 찾은 후 당분간 쓰지 않으면 된다.

지금까지 소개한 내용을 동영상을 만들어 보았다. Firefox 4.0 베타 버전에서 더 재미있는 웹 서핑을 해 보시길...

유튜브에서 바로 보기...

자바원 2010 열린다…구글 고소 후 첫 대규모 행사

도안구 — Wed, 08 Sep 2010 11:20:04 +0900

자바 개발자들의 축제인 ‘자바원 2010′이 이달 중순 미국 샌프란시스코에서 열린다. 별도 행사로 진행됐던 자바원 행사는 오라클이 썬을 인수한 후 오라클의 대규모 행사인 오라클 오픈월드가 열리는 곳에서 동시에 진행된다.

이번 행사는 최근 오라클이 안드로이드 운영체제와 관련해 구글을 라이선스 위반 혐의로 고소를 한 후 열리기 때문에 더욱 흥미를 끌고 있다. 또 자바의 아버지인 고슬링이 오라클을 떠난 후 열리는 행사라는 점에서도 오라클이 과연 자바 개발자들에게 어떤 메시지를 전달할 지에도 많은 이목이 집중되고 있다.

어느 때보다 많은 조명을 받는 행사라는 점을 오라클도 인식한 걸까? 래리 엘리슨(Larry Ellison) 최고의사결정자(CEO)와 토마스 쿠리안(Thomas Kurian) 수석 부사장이 자바원 2010(JavaOne 2010)의 개막 기조연설에 나서 자바에 대한 비전과 전략을 밝힐 예정이다.

행사 참가자들은 오라클의 자바 플랫폼 관련 전략을 확인할 수 있으며 주요 자바 플랫폼과 자바 플랫폼 엔터프라이즈 에디션, 모바일과 임베디드, 자바 FX를 아우르는 다양한 기술 주제에 대한 업계와 기술 전문가의 강연을 들을 수 있다.

자바는 널리 사용되는 공개 표준 기반 개발 플랫폼으로 900만 이상의 개발자들이 자바 기반의 프로그램을 제작하고 있다. 또한 기업용 PC의 97%와 약 30억대의 이동전화, 50억개의 자바 카드, 그리고 80억대의 TV 장치가 자바 기반으로 구동되고 있다.

오라클 릭 슐츠(Rick Schultz) 제품 마케팅 부사장은 “이번 자바원 행사에서는 보다 많은 세션을 통해 순수하게 자바 관련 주제에 초점을 맞춘 흥미로운 콘텐츠를 다룰 것”이라며 “전세계의 개발자 커뮤니티와 이를 공유해 자바원 2010을 역대 최고의 행사로 만들 수 있기를 기대한다”고 말했다.

이번 행사는 2010년 9월 19일부터 23일까지 열리며 100개 이상의 그룹 세션과 다수의 실습 세션을 포함해 400여개의 세션으로 구성된다. 샌프란시스코에서 열리는 오라클 오픈월드(Oracle OpenWorld)와 동시에 진행되며 참가자들은 오라클 오픈월드의 모든 기조연설, 전시는 물론, 자바 사용자 포럼, MySQL 썬데이 프로그램, 특별 네트워킹 이벤트를 포함한 오라클 사용자 포럼에 참석할 수 있다.

삼성, 제 2 구글폰 준비설 모락모락

주민영 — Wed, 08 Sep 2010 09:05:59 +0900

구글이 HTC에 ‘넥서스 원’ 제조를 제안하기에 앞서 삼성전자와 소니에릭슨에 먼저 제안했었다는 것은 이미 널리 알려진 사실이다. 두 업체가 난색을 표하는 사이에 넥서스 원 제조는 대만의 HTC 몫으로 넘어갔다. 그리고 HTC는 넥서스 원을 성공적으로 출시하면서 일거에 브랜드를 알리는 효과를 톡톡히 봤다. 전세계 소비자들이 HTC라는 회사를 알게됐다.

대만의 HTC는 컴팩의 PDA ‘iPAQ’과 마이크로소프트의 포켓 PC 등을 OEM(주문자상표부착생산)방식으로 공급하던 업체였다. 그랬던 HTC가 자사의 브랜드를 내세운 지 불과 몇 년 만에 세계 8위(2010년 2분기, 가트너)의 휴대폰 제조업체로 떠올랐다.

물론 HTC의 성공의 밑바탕에는 지난 십 수년간 PDA와 포켓PC, 윈도우 모바일 폰을 거치며 쌓아온 기술력이 중요한 역할을 했다. 그러나 이 못지 않게 안드로이드 진영의 이정표가 될 두 종의 단말기를 잇달아 출시하며 구글과 밀접한 협력을 했던 것이 HTC의 성공에 결정적인 역할을 한 것은 부인할 수 없는 사실이다.

HTC는 2008년 최초의 안드로이드폰인 G1을 출시한 데 이어, 올 초 구글의 레퍼런스폰인 ‘넥서스 원’까지 선보이면서 스마트폰 시장에 ‘HTC’ 이름 석자를 선명하게 각인시켰다. 지난 6월 구글이 넥서스 원의 프로요(2.2) 업데이트를 제공한 이후, 가장 먼저 업데이트를 지원한 것도 HTC의 디자이어였다. 브랜드 인지도가 향상됐을 뿐만 아니라, 기술력과 개발 경험도 톡톡히 챙긴 셈이다.

그 결과 HTC는 스마트폰 시장에서 노키아와 RIM, 애플에 이어 점유율 4위(2010년 2분기, IDC)를 기록하면서 안드로이드 진영의 대표 주자로 손꼽히고 있다. 반면, 세계 2위의 휴대폰 업체인 삼성전자는 스마트폰 시장에서 만큼은 ‘꼬꼬마’ HTC에 한 단계 뒤쳐진 5위(2010년 2분기, IDC)에 그치고 있다. 같은 통계에서 소니에릭슨은 ‘기타’ 항목에 포함돼 있었다.

만약에 넥서스 원을 제조한 회사가 HTC가 아니라 삼성전자라면 어땠을까? 아니, 이미 지난 얘기는 빼고, 만약 삼성전자가 ‘넥서스 투’를 선보인다면 앞으로 스마트폰 시장의 판도는 어떻게 변할까?

허무맹랑한 상상이 아니다. 삼성전자가 최근 구글과 함께 진저브레드(안드로이드 3.0)의 레퍼런스폰을 준비하고 있다는 얘기가 들리고 있기 때문이다.

에릭 슈미트 구글 CEO가 “넥서스 투에 대한 계획은 없다”고 못박은 상황에서 뜬금없이 레퍼런스 폰 타령이냐고 할 수도 있겠다. 그러나 슈미트 CEO의 발언을 곧이곧대로 받아들이기는 힘들다. 그는 넥서스 원 출시를 앞두고도 이러한 발언을 한 적이 있기 때문이다. 오히려 지난 6월 방한했던 앤디 루빈 구글 모바일 플랫폼 부사장의 발언이 솔직해 보인다. 그는 “엔지니어가 OS를 설계할 때 제품을 염두에 두지 않으면 방향성을 잃을 수 있다. 명칭이 넥서스 투가 될지는 미정이지만 당분간 이러한 접근법을 취할 것”이라며 넥서스 원의 후속 모델 출시를 암시한 바 있다.

관련 업계에 따르면 애초에 넥서스 원의 후속 모델은 소니에릭슨의 몫이었다고 한다. 구글과 협력해 안드로이드 3.0 버전의 레퍼런스폰을 개발할 예정이었다. 그런데 어떤 이유에서인지 최근 이 프로젝트가 무산됐다고 한다.

업계에서는 구글이 새로운 파트너로 삼성전자를 선택했다는 소리가 들리고 있다. 구체적인 하드웨어 사양은 알려지지 않았지만, 구글과 소니에릭슨의 프로젝트가 그대로 삼성전자로 넘어가면서 삼성전자도 자사의 프로세서가 아닌 퀄컴의 1.2GHz급 제품을 사용할 것으로 알려졌다. 1GHz의 스냅드래곤을 탑재한 넥서스 원보다 전반적으로 소폭 향상된 하드웨어 사양을 가질 것으로 유추해 볼 수 있다.

오는 10월부터 본격적인 개발 작업에 착수할 것이라고 관측도 나왔다. 그러나 이 제품의 이름이 넥서스 투가 될 지, 삼성의 갤럭시 브랜드에 ‘with Google’을 붙여 출시하게 될 지는 더 지켜봐야 할 것 같다. 앤디 루빈 부사장의 발언에서도 알 수 있듯이 삼성전자와 구글의 상황에 따라서는 얼마든지 다른 이름으로 출시될 가능성도 있다.

이와 같은 내용을 삼성전자와 구글을 통해 통해 공식적으로 확인할 수는 없었다. 삼성전자는 “아직 갤럭시S의 프로요(2.2) 업데이트를 준비하고 있는 상황에서 진저브레드(3.0) 단말기의 출시 계획을 얘기하는 것은 너무 앞선 얘기가 아니냐”라며 “진저브레드 레퍼런스폰 출시 계획은 정해진 바 없다”라고 부인했다. 구글코리아도 “본사 차원에서 이루어지는 협력에 대해서는 자세히 알 수 없으며, 확인해주기도 어려운 내용”이라고 입장을 밝혔다.

그러나 구글이 예상대로 진저브레드 버전부터 안드로이드 운영체제에 커다란 변화를 가져올 예정이라면 앤디 루빈 부사장의 발언과 같이 또 다른 레퍼런스폰을 필요로 할 공산이 크다.

진저브레드와 관련된 다양한 루머 중에는 안드로이드의 사용자 인터페이스(UI)을 대폭 개선하는 대신 HTC의 센스 UI나 모토로라의 모토블러와 같은 제조사의 커스텀 UI를 사용하지 못하게 하는 등 플랫폼에 대한 통제를 강화할 것이라는 소문이 있다. 하이엔드 스마트폰에는 진저브레드를 탑재하고 보급형 라인업에는 프로요를 탑재하는 형태로 안드로이드 운영체제를 이원화할 것이라는 얘기도 들린다.

이러한 커다란 변화로 인해 구글이 레퍼런스폰을 제작하려고 한다면 그 역할을 삼성전자가 맡을 것이라는 얘기도 충분히 설득력이 있다. 구글과 삼성전자는 앤디 루빈 구글 부사장이 갤럭시S 런칭 행사에 참석하기 위해 방한할 만큼 최근 들어 관계가 돈독한 편이다. 더군다나 삼성전자의 휴대폰 하드웨어 제조 실력 만큼은 세계 최고로 불리기에 손색이 없다. 루빈 부사장도 갤럭시S에 대해 “내가 아는 스마트폰 중에서 단연 톱”이라며 만족감을 표한 바 있다.

삼성전자가 구글과 함께 진저브레드의 레퍼런스폰을 출시하게 된다면 ‘스마트폰도 삼성’이라는 이미지를 단숨에 각인시킬 수 있는 좋은 기회가 될 것으로 보인다. 또한, 향후 하이엔드 안드로이드폰의 주력이 될 진저브레드 관련 경험을 충분히 축적할 수 있을 것이며, 이는 내년 이후에 안드로이드 라인업을 대폭 확대하는데 커다란 원동력이 될 것이다. HTC가 넥서스 원 출시 이후에 다양한 안드로이드 히트폰을 선보일 수 있었듯이 말이다.

하이엔드 스마트폰은 안드로이드로, 보급형 스마트폰은 바다 플랫폼으로 이원화시키려는 삼성전자의 멀티플랫폼 전략에도 큰 도움이 될 것이다. 삼성전자의 안드로이드 라인업이 선진 시장에서 하이엔드 스마트폰으로써 글로벌 히트 모델과 경쟁하기 위해서는 지금보다 더 완성도를 끌어올리는 것이 중요하기 때문이다.

과연 삼성전자가 제조한 구글 넥서스 투(혹은 다른 이름의 레퍼런스폰)를 만나게 될 수 있을까? 앞으로 프로젝트의 윤곽이 조금 더 구체화되면 훨씬 자세한 밑그림을 그려볼 수 있기를 기대해 본다.