구루의 기술뉴스 : 모바일 웹 기술 이해하기 외 36건

구루의 기술뉴스 ( GuruNews ) 43 회차입니다.

모바일 웹 기술의 발전으로 단지 PC화면을 모바일에서 보는것이 아니라,
모바일을 위한, 모바일을 우선적으로 생각하는 웹 기술,디자인들이 논의 되고 있습니다.
Responsive Design, Mobile First, Progressive Enhancement, Server-Side Adaptation, Hybrid Web.. 이제 이런 단어들은 디자이너,웹 개발자 뿐만 아니라 모바일에 관련된 일을 하는 IT분들은 모두 알고 계셔야 할듯 합니다. H3 컨퍼런스 사전등록에 성공하신 분들은, 컨퍼런스에 오시면 신현석님의 “반응형 웹디자인, 진짜 할 만한가?” 섹션에서 이 모든걸 배워가실 수 있습니다. 😉

 

[ H3 개발자 컨퍼런스 사전등록 마감 ]

제가 몸담고 있는 kth에서 내/외부 개발자를 대상으로 11월 30일에 진행하는 H3 개발자 컨퍼런스. 11월 21일 오후2시 사전등록을 열었는데, 1시간만에 사전등록이 완료되었습니다. 다들 기대? 걱정? 해주셨던 서버다운은 없었습니다. 꽤 많은 분들이 몰렸지만, 저희 서버는 아무런 문제없이 게임을 즐기면서 여유롭게 진행되었습니다. 사람이 없던것 아닌가? 라고 생각하실수도 있지만, 등록 당일날만 순 방문자수 4400분에 PV 45000, 또한 500명 이상이 사전등록을 위한 게임에 동시접속(?) 하는 기록을 세우기도 하였습니다.

H3 컨퍼런스 웹사이트는 듀얼코어에 메모리 2기가짜리 VM한개로 운영했음에도 CPU부하 20%를 넘지 않았구요. 기존 개발방식을 탈피, nginx/WebSocket/node.js/CouchDB 그리고 Javascript로 개발되었습니다. 모든 것은 자바스크립트만으로, php도 jsp도 사용되지 않았습니다.

이 개발내용들은 따로 정리하여, kth 개발자 블로그를 통해 공개하겠습니다.

 

[ 웹서비스, 웹기술, 모바일웹 ]

  • 모바일 웹기술 선택 가이드. 반응형디자인/모바일우선/점진적향상/서버사이드 어뎁테이션/하이브리드. 각 기술들의 원칙/장단점/성능/예제 등을 잘 정리한 비교표 및 기술요약
  • 모바일 웹 디자인의 7가지 오해 모바일은 이동할때가 아님/더 적게 보여주는게 아님/복잡해도 됨/추가클릭이 꼭 나쁜게 아님/모든 플랫폼 고려/앱에 집중하지 말것/디자이너도 API와DB를 고려해야
  • Responsive Advertising – 웹사이트 디자인이 반응형으로 간다면, 웹 광고의 형태도 반응형으로! 사이즈/위치가 고정되어버린 온라인 광고 모델의 변화가 필요
  • WTF Mobile WEB – 모바일 웹 실패사례만 모은 웹사이트. 이렇게 하지 않기 위해 Do It Better 섹션에 링크들을 참고하세요
  • 모바일 프레임워크 비교 차트 JQMobile,Sencha,JQTouch,iUI,Rhodes,Phonegap.. 등등 총 29종을 비교하는 거대한 차트
  • allSongsBy – 유튜브 API를 활용하여 가수/앨범/곡목으로 유튜브에 있는 노래들을 검색하여 감상할 수 있게 해주는 사이트
  • parallel-flickr – 플리커 백업용 오픈소스 툴. 사진의 원본사이즈와 640x 사이즈 두개의 이미지를 다운로드 받으며, 사진의 정보까지 JSON 으로 저장해줌

 

[ 모바일 – 아이폰/안드로이드/킨들 ]

  • Siri 해킹하기 – 가짜 HTTPS 서버와 가짜 루트인증서를 이용해서 Siri의 프로토콜 분석을 시도했네요. 폰의 ID를 이용하기 때문에 마음대로 쓰긴 불가능하지만 재미난 시도
  • Siri Proxy – 위에서 설명한 방법으로, 아이폰에 가짜 root CA 를 만들어 설치하고, WIFI 네트웍상에 DNS 서버를 설정후 애플의 서버를 프록시로 유도하면, Siri 를 통해 Proxy 가 명령을 수행할 수 있게 됩니다.  이 내용들이 GitHub 에 오픈소스로 공개되었고, 이를 통해 온도계를 조작하거나, 하키 스코어를 읽어주고, 트윗을 날리는등의 기능을 사용자들이 만들어 내고 있습니다.
  • 모바일 시장 둘러보기 : 시장점유율 vs. 이익율 마지막 애플과 삼성의 프로덕트 라인 비교가 매우 인상적.
  • Tunebox – 드롭박스 랑 아이폰을 엮은 클라우드 뮤직 앱. 드롭박스 계정에 음악올리고 아이폰에서 바로 스트리밍해서 감상 가능. 드롭박스는 이제 정말 유틸리티화 된 듯
  • 스탠포드의 아이패드/아이폰 앱 개발강의가 2011년 가을버전으로 업데이트 되고 있군요. iOS5 내용으로 업데이트. 현재 8강까지 올라와 있고, PDF로 된 슬라이드 포함
  • 아이폰, 액센트도 있더라 iOS5의 TTS , 한국으로 하면 완전히 콩글리쉬 발음으로 읽어주는군요. 재미나네요. 일본어 모드에서의 영어 TTS 액센트는 정말 일본인 느낌이 물씬
  • 아마존 킨들 파이어에 대한 비판적 리뷰 Kindle Fire에 매우 비판적인 Wired 리뷰의 번역글 by @abulaphiaa
  • 인스타페이퍼 개발자의 킨들 파이어 리뷰 A human review of the Kindle Fire 엄청난 악평, “나쁜 게임기, 나쁜 앱플랫폼, 나쁜 웹브라우저, 나쁜 비디오플레이어, 심지어 나쁜 킨들. 테스트용으로 구매한게 아니라면 환불했을꺼다”
  • 아마존 킨들 파이어의 Silk 웹브라우저 속도 테스트 클라우드 가속 기능을 켠 것과 끈 것을 비교한건데.. 광고한 것처럼 빠르다고 얘기하긴 어렵군요
  • 아마존 킨들 파이어의 HTML5 점수표– “HTML5 앱들을 실행하는 목적으로 만들어진 것 같지는 않다” 일반 브라우징에는 좋지만, 아직 HTML5 지원은 미비한듯
  • 장애인 유권자를 위해 아이패드를 사용한 오레곤주 – “목표는 장애인 유권자도 투표를 편안하게 할 수 있게 하자이고, 아이패드가 정확하게 그 목표에 부합합니다”

 

[ 프로그래밍/HTML5/CSS/Javascript ]

 

[ DB,클라우드,웹서버,검색 기술 ]

  • Apache Lucy– C로 만든 풀텍스트 검색 엔진 라이브러리. 동적언어와의 바인딩을 대상으로 함. 자바로 만들어진 Lucene 을 좀 loose하게 포팅한것
  • Top500 슈퍼컴퓨터 사이트에서 AWS가 42위 42: The Answer to the Ultimate Question of Life, the Universe, and Everything “은하수를 여행하는 히치하이커를 위한 안내서” 에 나온 – “삶,우주,그리고 모든것에 대한 궁극적 질문의 해답”과 일치한다고 블로그에 글 쓰신 아마존 AWS VP 제임스 해밀턴 아저씨. Geek 의 깔때기도 재미있네요.
  • StackExchange가 클라우드를 사용하지 않는 이유 우린 컴퓨터를 사랑하기에, 우리가 사랑하는 것들을 남들이 소유하고 관리하고 건드리는 것이 싫다. 참 재미난 친구들
  • Cloud Portability 에 대한 5가지 오해 사용할수 있는 클라우드가 다양해 지면서.. 작업에 맞는 클라우드를 선택하고, 벤더 락인을 피하고, 고급 디플로이 기술을 적용해야함
  • SpiderDuck – 트위터가 사용하는 실시간 URL Fetcher 서비스. 트윗에 포함된 URL들을 실시간으로 빠르게 크롤링하는 시스템. 긴 URL,이미지,스팸 등등 처리용

 

[ 추천글 ]

 
피드백 환영합니다!
제 블로그를 RSS리더에서 구독하시거나 , 제 블로그를 이메일로 구독하실수 있습니다

Leave a Comment


NOTE - You can use these HTML tags and attributes:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>