미래웹기술연구소 주최로 열렸던 WebApps FutureCon 2011 에서 발표한 자료입니다.
“2011년 웹&모바일 개발자가 주목해야할 기술들” 이라는 제목으로 발표 했구요. 자료를 공유요청하시는 분들이 계셔서 Slideshare 에 공유합니다. 행사 중간에 제 발표내용을 @w3labskr 계정에서 너무 잘 정리해주셔서 이 트윗들을 복사해서 정리합니다.

Slideshare 에서 보시려면 http://www.slideshare.net/guruguru/2011-web-technologies 에서 보시기 바랍니다

@w3labskr 트위터 계정에서 문자 생중계한 저의 발표내용입니다. 너무 잘해주셔서 누군지 궁금했는데.. 나중에 알고보니 @tobyyun 님이 대행해주셨다고 하더군요. 고맙습니다! 😉

• WebApps Futurecon 2011 마지막 세션 시작합니다. ‘모바일과 웹개발자가 2011년 주목해야 하는 기술들’ – xguru, KTH 권정혁팀장
• HTML5가 모바일에서 중요한 이유는 회사들이 각 모바일 플랫폼용 네이티브 앱을 모두 만들기는 어렵기 때문이다
• 어느 구글의 고위직은 ‘구글조차도 모든 플랫폼을 네이티브로 지원하기엔 예산이 모자르다’라고 언급
• 지난해 정부/지자체에서 만든 수 많은 앱들이 있었지만 개발된 앱들의 다운로드수는 극히 미미했다. 정부/지자체에서 개발하는 앱은 모든 국민이 사용할 수 있어야 한다. 하지만 그렇지 못했다.
• HTML5는 어떻게 공부하나요? 한글 HTML5 스펙 j.mp/html5ko

HTML5의 스펙은 웹브라우저 개발자를 위한 스펙이기 때문에 웹개발자들이 보기에는 분량도 많고 어렵다. 웹개발자들을 위해 정리된 스펙은 http://t.co/1JZUjxt 에서 볼 수 있다.

• HTML5의 튜토리얼 & 프리젠테이션은 구글에서 제공하는 html5rocks.com 에 잘 정리되어 있다.
• 제가 다니면서 HTML5를 이야기 하면 많이들 겁을 내신다. 하지만 자세히 알고보면 그렇게 어렵지 않고, 기존에 사용하던 방식과 크게 다른 것은 아니다.

국내에서는 IE의 점유율이 지나치게 높다. 상황이 이런데 이런 상황에서 HTML5를 사용하자는 이야기를 할 수 있을까? 다행히 IE가 HTML5를 지원할 수 있도록 도와주는 라이브러리가 있다.

• HTML5shiv는 새로 추가된 HTML element들을 사용할 수 있도록 도와주며 IE6까지 지원한다. Modernizr는 브라우저가 신기능들을 지원하는지 체크하여 조건분기 할 수 있도록 돕는다.
• HTML5 Initializer라는 서비스는 자신이 원하는 조건을 설정하면 그에 맞는 HTML5 템플릿을 제공해주어 개발자가 손쉽게 수정하여 사용할 수 있다.
• VideoJS,AudioJS는 HTML5의 Video/Audio 지원이 안되는 브라우저들은 플래시를 사용하여 Fallback을 지원할 수 있다. 이러한 라이브러리를 사용하면 HTML5를 사용하여도 큰 문제가 없다
• zepto.js zeptojs.com 은 모바일을 위한 자바스크립트 라이브러리이다. jQuery와 호환되는 문법을 사용하지만 jQuery보다 가벼운 용량이어서 용량에 대한 부담을 줄여준다.
• 모바일 UI를 위한 GUI 기반의 제작툴이 나오기 시작했다. 이제 코드작업을 하지 않고도 Drag & Drop으로 앱 UI를 만들 수 있게 될 것이다.
• 서버사이드 자바스크립트 node.js는 구글 크롬의 V8엔진을 사용하며, 대용량 서버에 적용할 수록 기존 서버에 비해 좋은 효율을 보여준다. 자바스크립트로 서버의 모든 기능들을 활용할 수 있도록 계속 개발되어지고 있다
• 브라우저가 아닌 서버/데스크탑 어플을 자바스크립트로 작성하기 위한 CommonJS 이란 스펙이 있다. node.js는 이를 따르고 있고 그 외에도 CommonJS를 통한 많은 시도들이 되어지고 있다.
• CoffeeScript 자바스크립트로 컴파일되는 간단한 언어. :나 {가 없는 영어와 같은 간단한 문법을 사용한다. 문법이 간결해지고 더 빠르게 실행될 수 있도록 컴파일 해주기 때문에 익숙해지면 굉장히 유용하다.
• Responsive Web Design. 다양한 사이즈의 해상도에 자동으로 대응하기 위한 웹페이지 제작 방법. 올해 상반기에 이에 관련한 책이 A list apart에서 나올 예정. 스매싱 북에서도 소개됨.
• 미디어쿼리를 사용하여 다양한 해상도를 지원하는 데모를 모아놓은 사이트 http://t.co/QW0hzhk 더 많은 태블릿이 나올 수록 디자이너는 더 많은 고민이 필요할 것이다. 유심히 보아둘 만함.
• 크롬 웹스토어. 구글에서 payment 부분을 개발해놓았기 때문에 웹앱 개발자들이 자신이 만든 앱을 쉽게 팔아 수익을 얻을 수 있는 환경이 생겼다는 점에서 큰 의미가 있다.
• GetJar. 멀티플랫폼 앱스토어. 모든 플랫폼의 앱을 동시에 취급/판매하고 있다. GetJar는 사용자의 단말 정보를 저장하여 사용자에게 필요한 앱만을 리스트에 보여주어 사용자가 신경쓰지 않고 편하게 사용할 수 있다

iPadification of the Web. 아이패드가 대응되는 형태의 웹이라는 신조어. 웹앱들이 아이패드화 되어가고 있다. 웹앱 개발자라면 아이패드앱들의 디자인을 학습하여 참고할 필요가 있다.

• Device API. 웹에서는 디바이스의 카메라, 캘린더, 주소록 등의 정보들에 접근/제어 할 수 없다. 이를 가능하게 해주는 API가 Device API이다. 올해 5월에 WAC이 탑재된 단말이 곧 나오게 될 예정.
• WAC은 애플을 제외한 회사들이 모여서 애플에 대응하기위해 만든 스펙. 따라서 애플은 WAC을 지원할 계획이 없다.
• Native App. 뛰어난 성능. 게임을 만들기에 적합하다. 웹앱으로 게임을 만드는 시도도 많이 있지만 사실 웹앱의 지향점이 게임은 아니다. 소잡는 칼과 닭잡는 칼이 따로 있듯이 웹앱의 용도도 고민이 필요할 것 같다
• 네이티브 앱은 개발이 어렵고 비싸다. 예전에 비해서는 낮아졌다고 하나 여전히 네이티브앱 개발자는 몸값이 높고… 자바를 개발했던 개발자가 안드로이드를 개발한다고 하더라도 플랫폼이 달라서 새로 학습할 부분이 많다
• Hybrid App. 네이티브 앱과 웹앱의 기술을 합친 형태. 외형은 네이티브로 하고 내용은 웹앱으로 만든다. 멀티플랫폼이 가능한 장점이 있으나 네이티브대비 웹부분의 속도가 문제가 되기도 한다.
• Hybrid App의 범위. 서버에 접속해서 웹앱을 실행하는 방식부터 Native App내에서 약간의 Webview를 사용하는 방식까지. 해당되는 범위가 넓다. 업데이트가 잦은 부분은 웹으로 구현하면 관리에 용이하다
• Hybrid App 개발방법. 작업은 웹앱으로 모두 마친뒤에 Appspresso, PhoneGap과 같은 프레임웍으로 감싸준다. 프레임웍에서 Device 기능을 컨트롤 할 수 있는 기능을 제공하여 이용할 수 있다
• Appspresso. KTH 제작중인 하이브리드 앱 프레임웍. 폰갭을 활용하여 안드로이드 앱을 만들 때의 이슈가 많은데 그런 점도 보완할 예정. WAC의 API와 호환되는 방식으로 개발중이므로 WAC과의 호환도 기대됨
• Appspresso의 슬로건은 ‘Write once, Sell everywhere’네요. 재미있고 매력적인 슬로건인 것 같습니다 ^^ #wafc2011

• 오늘 등록된 안드로이드의 ‘푸딩 얼굴인식’앱은 웹앱으로 만들어졌다. 카메라 촬영하는 API만 안드로이드의 것을 호출하여 사용하고 있다. 보시는 것 처럼 자연스럽게 동작하고 있다.
• HTML5 관련 기술 사용 증가. 많은 디바이스의 등장으로 웹앱의 필요성 증가. 자바스크립트의 부각. 반응형 웹디자인. 웹앱스토어. 디바이스 API. 하이브리드 앱. 이런 것들이 2011년의 핫이슈가 될 것으로 본다.

발표중 푸딩얼굴인식 안드로이드 버전이 괜찮으셨는지, 많은 분들이 Appspresso 공개를 물어보셨는데요.
저희 KTH의 하이브리드 모바일 웹앱 개발툴 Appspresso는 3/14일날 공개됩니다! 누구나 무료로 사용하실수 있습니다 😉

구루의 기술뉴스 ( GuruNews ) 7회차입니다. 이 기술뉴스의 설명은 구루의 기술뉴스 : 2011년 첫번째 뉴스레터 를 참고하세요. 매주 초에 발행됩니다.

이번주는 스페인 바르셀로나에서 있었던 MWC 2011 에 대한 주요뉴스들입니다. MWC 의 세미나 및 컨퍼런스 자료는 2/28일에 자료가 공개되므로 그 이후에 따로 정리하여 포스팅하겠습니다.

2011년 02월 21일, KTH 아키텍트 그룹이 발행하는 기술 신동향 & 뉴스 링크입니다.

[ Mobile World Congress 2011 ]

• 구글 CEO 에릭슈미트의 기조연설 정리 “내 폰과 친구 폰이 말하는 시대 온다” http://j.mp/ieo19G
• MS CEO 스티브 발머의 기조연설 정리 http://j.mp/i54p3d , 데모 동영상 http://j.mp/hZbIC9
• 예상대로 MWC 2011 에도 다양한 타블렛들이 발표 및 전시되었고 큰 이슈였습니다. 올해는 정말 타블렛의 해가 될 것 같습니다.
  • LG Optimus Pad ( G-Slate ) http://j.mp/fsmWkC , 630g , 10인치 , Tegra 2 듀얼코어 1Ghz , 1280×768 , 3D 카메라 ( 후면에 2개 )
  • Samsung Galaxy Tab 10.1 http://j.mp/dNPh0p , 599g 으로 10인치중 가장 가벼움. Tegra 2 듀얼코어 1gz , 1280×800
  • Motolora Xoom 은 CES 에서 이미 발표되었고, MWC 에선 구글부스의 공식 타블렛 기기로 사용되었습니다.
  • HTC 타블렛 Flyer http://j.mp/hbmad1 , 7인치 ( 1024×600 ) , 싱글코어 1Ghz , 안드로이드 2.4 진저브레드
• 말 많았던 페이스북폰? 이 공개되었습니다. HTC 의 ChaCha 와 Salsa , INQ 의 Cloud Touch 와 Cloud Q 총 4개의 모델입니다. http://j.mp/fEwDz3 HTC 의 페이스북 폰에 있는 f 버튼은 현재 사용중인 컨텍스트를 인식해서 페이스북에 쉽게 공유하는 기능을 가지고 있습니다. 웹페이지 볼땐 웹사이트를,음악을 들을땐 음악을.. 그리고 친구에게 전화를 할 때 친구의 상태 및 사진 / 생일등을 페이스북으로부터 읽어서 보여줍니다.
• 삼성의 차세대 안드로이드 폰 갤럭시 S II 가 공개되었습니다. http://j.mp/ffWhKg , 4.3 인 슈퍼아몰레드 플러스 액정, 두께 8.49mm 에 116g, 삼성 엑시노스(오리온) 듀얼코어 , 진저브레드 의 사양으로 현재로선 최고의 안드로이드 폰인듯 합니다.
• Qualcomm 이 QuadCore 2.5Ghz 의 차세대 Snapdragon 칩셋을 공개했습니다. 1세대 스냅드래곤 보다 12x 빠르고 75% 적은 전력소모량. 다만 문제는 실제출시가 내년.. http://j.mp/hPtW7w
• WAC 상용 런치 및 WAC 2.0 스펙이 정식으로 공개되었습니다 http://j.mp/e2ZYNx , 그리고 WAC 부스에서는 Korea WAC 시연 ( 올레마켓,TStore.. ) 및 Obigo 의 런타임 시연, SKT 의 Network API 시연, WAC 공식 SDK 시연 등이 이루어졌습니다.
• MWC 개막 바로전인 2/11에 있었던 Nokia + Microsoft = NokiSoft 의 발표는 MWC의 많은 세션에서 주요 이슈로 다뤄질 만큼 크게 논의되었습니다. 관련해서 읽어볼만한 글들
  • Nokia 의 꿈은 모바일 플랫폼 3강 체제 구축 http://killk.tistory.com/2462654
  • Microsoft가 Nokia 전에 “전략적제휴” 를 맺었던 회사들과 그 결과 http://j.mp/hxGTHr LG/모토롤라/Palm/Nortel/Verizon/에릭슨.. 이름만 봐도 뭔가 공통점이 ㅡ.ㅡ
  • Nokia-Microsoft 발표가 의미하는 것들 http://j.mp/gyG9ad
  • 칠면조 2마리가 독수리가 되진 못하지만, 펭귄도 날지는 못한다. http://j.mp/gWBkCU

[ 웹사이트, 웹서비스, 웹기술 ]

• Ruby On Rails 를 만들었던 37Signals 의 고객지원 평가시스템 Smiley http://smiley.37signals.com 이런게 이전에 없었던 건 아니지만, 깔끔한 인터페이스와 공개방식이 좋네요
• http://noms.in 특정 도시에 48시간만 머무를때 꼭 가서 먹어야할 음식점들을 보여주는 사이트. 도시별로 그 도시의 로컬 음식광이 편집. 아직 도시가 많지 않아서 아쉽지만, 너무 많은 추천사이트들이 생기다 보니.. 예전처럼 기자/미식가와 같이 소수의 사람들에 의해 작은 추천리스트가 작성되는 복고풍의 사이트들이 생겨나는 듯 합니다.
• GigaOm이 정리한 2010년의 웹 돌아보기 http://j.mp/hARDE7 이커머스와 그루폰/온라인유저 10명중 9명이 SNS 사이트 방문/온라인비디오의 성장
• Mary Meeker 의 Top Mobile Internet Trends 2011 http://j.mp/huqFzT 56페이지 짜리 훌륭한 자료
• SEO를 위해 지능적으로 사이트 구조 작성하기 http://j.mp/flWu1r
• IPv6 가 도대체 뭐야? 를 알려주는 인포그래픽 http://j.mp/gDcZ7Y
• 구글 퍼블릭 데이터 익스플로러에 DSPL(데이터셋 퍼블리싱 랭귀지)가 추가되어 누구나 데이터를 올려서 사용할수 있게 지원 http://j.mp/dToTTT , 국내 공공기관들도 자료가지고 보기힘든 PDF 만들어서 공개하지 말고 Raw 데이터를 제공하면 좋을 것 같습니다.
• 트위터 직원이 Netflix API 를 이용해서 Netflix에서 곧 제공중단되는 영화들을 트윗해서 빨리 보라는 트윗봇 @queuenoodle 을 생성. 이게 바로 API의 힘. 국내에도 많은 API가 생겨야..
• FloristOne – 꽃배달서비스 API. 사용자가 구입하면 커미션을 받는 어필리에이트 방식. 국내에도 이런 업체가 생기면 모바일에서 쉽게 선물이 가능할텐데.. http://j.mp/fi2BFQ
• 아이들을 위한 회원 가입폼 디자인하기 http://j.mp/icoocz

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

• iOS 용 오픈소스 툴셋 TouchCode http://j.mp/ez8FdZ JSON/XML/Notification/Metrics/RSS/UI/HTTPD/Logging/SQL 등 총 10개의 즉시 사용가능한 프로젝트 코드 들
• Titanium Titans http://j.mp/emCliB Appcelerator 가 자신들의 개발툴을 사용하는 개발자를 대상으로 마치 MS의 MVP 같은 제도를 시작하는군요
• 모바일 사파리에서 AirPlay 지원하게 HTML5 video 태그 변경하기 http://j.mp/fAj3Su 자바스크립트 북마클릿으로 AirPlay 지원안하는 사이트도 강제로 하게해줍니다

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

• 웹 개발자를 위한 멋진 크롬 익스텐션 40개 http://j.mp/fBUZJF
• jQuery 용 RunLoop 플러그인 http://j.mp/ezJTLj 단계별로 인터랙션을 만들어야 할때 딱이네요. 데모를 보시면 뭔지 딱 아실수 있습니다
• CSS의 밝은 미래 http://j.mp/hAwiqu Smashing CSS 저자의 엄청난 포스팅이네요
• 꼭 팔로우 해야할 자바스크립트 개발자들 30명 http://j.mp/gjRM6G , 국내 개발자들이 없는게 아쉽지만 곧 국내에도 이런 자바스크립트 개발자들이 출현할 것으로 기대합니다.
• HTML5 캔버스로 게임을 만들고 싶은 분들을 위한 시작 가이드 http://j.mp/fiRzEU 특별한 엔진을 사용하지 않고 게임루프,키보드사용,충돌감지 등의 설명을 하네요
• HTML5 Audio 의 제약사항에 대한 포스트 http://j.mp/fFUsFW 아직은 HTML5 가 만능은 아닙니다
• Popcorn.js – HTML5 비디오를 위한 메타데이터 프레임워크. 비디오 플레이중간에 인터랙션을 추가할수 있도록 다양한 함수들 지원 http://popcornjs.org
• Respond.js – CSS3 Media Query 를 지원하지 않는 IE 6-8 브라우저를 위한 라이브러리 http://j.mp/fApOiY
• 웹표준기술을 이용하여 웹사이트에 인터랙티브 기능 추가하기 http://j.mp/hxIogw HTML&JS,CSS3 Transition,SVG 애니메이션,Canvas 애니메이션을 하나씩 예를 들어 코드와 함께 설명
• SVG Web – 외부 SVG파일을 읽어서 다양한 브라우저에서 표시해주는 자바스크립트 라이브러리. Raphaël 과 조합하면 IE를 포함한 거의 모든 브라우저에서 SVG 활용가능 http://j.mp/gDWPLh
• A List Apart 의 “SVG Web 활용가이드 http://j.mp/fMd25e “ ,  “Raphaël 활용가이드 http://j.mp/gBqUvC “ 이거 두개만 보고나면 바로 SVG 활용가능!
• History.js – HTML5의 State API 를 지원하며, 예전브라우저들은 Hash 폴백으로 호환성 제공 http://j.mp/gGB9lX
• http://Initializr.com 원하는 HTML5 템플릿을 15초만에 만들기. 필요한 기능들만 선택하고 다운로드 누르면 됩니다

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

• 일일 천만회가 넘는 API 호출이 있는 Wordnik의 내부를 설명한 글들 모음 http://j.mp/fG0khr MongoDB 관련글이 많고 REST API는 Scala로 작성, Hadoop 적용 포함

[ 추천 글 ]

• 검색엔진에 얽힌 더러운 작은 비밀 http://j.mp/hIS6i5

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

구루의 기술뉴스 ( GuruNews ) 6회차입니다. 이 기술뉴스의 설명은 구루의 기술뉴스 : 2011년 첫번째 뉴스레터 를 참고하세요. 매주 초에 발행됩니다.

이번주는 아이패드 전용 신문 The Daily 와 구글 크롬 9 정식버전 / 웹 안드로이드 마켓 / 구글 아트 프로젝트 및 Quora 의 기반 기술에 대한 뉴스들입니다.

2011년 02월 7일, KTH 아키텍트 그룹이 발행하는 기술 신동향 & 뉴스 링크입니다.

[ 웹사이트, 웹서비스, 웹기술 ]

• 구글 크롬 브라우저가 정식 9 버전을 발표했습니다. http://j.mp/g2SYEl , 일반버전 사용자에게도 정식으로 크롬 웹스토어가 오픈되어 다양한 웹 앱 설치가 가능합니다. 구글 인스턴트가 크롬 브라우저와 결합되어 크롬 인스턴트가 되었습니다. 브라우저의 URL 창에 내용만 치면 바로 구글 인스턴트 검색이 수행됩니다. 그리고 WebGL 이 기본으로 활성화되어서 구글 Body Browser ( http://j.mp/hVymT9 ) 같은 사이트를 쉽게 이용할 수 있게 되었습니다.
• Topsy 가 만든 트위터 Social Analytics 사이트 http://j.mp/e8xjGJ 구글 트렌즈가 제공하던 것과 비슷한 데이타를 트윗을 분석하여 제공
• W3C의 Touch Events 드래프트 스펙이 나왔군요 http://j.mp/eLihJC iOS사파리의 현재 구현보다 조금 더 상세한듯 합니다. 터치기반 웹앱의 발전을 위해서 꼭 필요한 스펙.
• 구글에서 무료 워드프레스 테마를 찾으면 안되는 이유 http://j.mp/ffTar1 숨겨진 코드를 통해 자신들의 페이지랭크를 올리고 있습니다. 가능하면 wordpress.org 를 이용하세요
• Slideshare의 Player API 공개 http://j.mp/enR8Gi 자바스크립트로 플래시버전의 슬라이드쇼 플레이어를 컨트롤. Scribd 에 비해선 좀 느린행보
• 구글 크롬이 H.264 지원 제거한다고 발표한지 3주만에 MS가 크롬용 H.264 익스텐션(실제론 WMP)을 내놨군요. 이게 웬 코미디 http://j.mp/ejcbJO
• 구글 아트 프로젝트 – 17개 미술관, 385개 갤러리, 486명 화가, 1061개의 명화들을 초고해상 기가픽셀 이미지로 감상하기 http://j.mp/gAMT5S

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

• 연기되고 말이 많았던 아이패드 전용 신문 The Daily가 드디어 공개되었습니다. 소개비디오 http://j.mp/fMslEM 속도가 좀 많이 느린 것만 제외하면 마음에 듭니다. Verizon 의 후원으로 처음 2주간 무료입니다. 주당 99센트고, 일년 구독료는 39.99 달러입니다. 신문이라기 보다는 잡지 같은 느낌입니다. 아이패드 사용자분들은 꼭 받아서 사용해보세요.
• The Daily: Indexed – 아이패드용 The Daily 는 예전 기사나 전체 인덱스를 볼 수가 없는데요. 한 개발자가 인덱스를 만들어주는 툴을 만들어 블로그형식으로 공개했습니다. http://j.mp/hId3oB 전체 기사를 둘러보기 좋군요. 매일 자동으로 인덱스가 생성됩니다
• 구글이 웹버전 안드로이드 마켓을 오픈했습니다. https://market.android.com/ 웹에서 쉽게 앱을 검색하고, 설치를 누르면 자동으로 자신의 폰으로 설치가 진행됩니다. 이런게 있으면 좋겠다 싶었던게 드디어 구현되었네요. 애플이 웹용 아이튠즈+클라우드를 빨리 열지 않는한 안드로이드가 앱 검색&설치 부분에선 더욱 앞서나갈 듯 합니다.
• 모바일 플랫폼의 제왕 DeNA 가 무서운 이유 http://j.mp/ik0sxZ , 아래에 @estima7 님 댓글까지 꼭 참고하세요. 갈라파고스라고 불리던 일본에서 이런 기업이.. 그것도 싸이월드와 한게임의 모델을 보고 착안했다고 합니다.
• Engadget의 Dell Streak 7 리뷰 http://j.mp/gjXLMY 엄청난 악평이군요 “정말 7인치 타블렛이 급하면 갤럭시 탭을 사라. 하지만 모토롤라 Xoom,LG G-Slate,도시바 타블렛을 기다리길 추천”
• 안드로이드 허니콤 타블렛 모토롤라 Xoom 리뷰 http://j.mp/frHp38 일단 OS자체는 평이 꽤 좋네요. “진정한 iOS(iPad)의 경쟁자가 나왔다” 하는 수준. 가격과 무게가 좀 걱정됩니다만..
• “아이패드가 몇년간 타블렛마켓을 독점할 것이다. 그 이유는 바로 Distribution. 이통사에 의해 판매되는 스마트폰 시장과는 다르다” http://j.mp/dE0S98 , 각 회사들의 타블렛에 대한 전망도 포함하고 있습니다. 어차피 애플스토어 없는 울나라와는 상관없지만 일정부분 동감.
• 아이패드용 전자교과서 앱 Inkling – 작년 8월에 소개만 하고 까먹고 있었는데, 교재들이 10권정도로 늘었네요. 앱은 무료. 교재별 무료챕터가 있어서 한번 받아볼만 합니다 http://inkling.com , 전자교과서의 표본적인 앱.
• Handoff – 맥&PC 사파리/크롬/IE 에서 보던 웹페이지를 아이폰/아이패드로 바로 보내주는 브라우저 익스텐션/북마클릿 + 앱 http://handoffapp.com 구글 크롬2폰의 iOS버전쯤 되네요. $1.99
• Nokia Bubbles http://j.mp/f6G1Pa 폰을 언락하는 동작과 어플실행 및 기타 동작을 믹스시켰네요. 재미난 아이디어 인듯. iOS는 불가능하겠지만 안드로이드에서는 구현가능할듯.

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

• Zepto.js – 모바일 웹킷을 위해 최적화된 Javascript 프레임웍. 5k 이하크기의 라이브러리를 목표. jQuery 호환문법 사용 http://zeptojs.com/
• EmbedJS – 임베디드 디바이스 (스마트폰,TV..) 를 위한 자바스크립트 라이브러리.(Dojo기반) 각 디바이스용으로 최적화된 코드를 제공해서 속도향상 및 메모리사용 최소화 http://j.mp/hYvZIa
• jQuery 1.5 정식 공개 http://j.mp/hU7CxH AJAX모듈이 완전히 재 작성됨. 내부적으로 빌드시스템이 Node.JS으로 변경되었고, 구글 클로져에서 UglifyJS로 JS컴프레서 변경.
• jQuery 1.5의 가장 큰 변화 중 하나로 추가된 .sub() 함수의 10분짜리 소개 스크린캐스트 http://j.mp/erY9lf , 이 sub() 는 jQuery의 기존 메소드를 건드리지 않고 마음대로 수정/오버라이드 가능하게 jQuery객체를 복사해주는 함수로 다른 jQuery 코드에 문제 일으키지 않고 jQuery 를 수정해서 사용이 가능해집니다. 특히 플러그인 개발시에 편하게 이용가능.
• Prism – PHP용 Syntax Highlighting 엔진. MIT라이센스/크기작음/확장간편. C++/PHP/JS/CSS/Lua/파이썬/루비/SQL/PHP+HTML+JS 조합도 지원 http://j.mp/fDS26C
• 구글 TV 용으로 웹사이트를 쉽게 디자인 하기 위한 Google TV HTML 템플릿 2종과 Google TV Web UI 라이브러리 공개 http://j.mp/fLPdiD

• 페이스북 CTO 브렛 테일러 – “머리아프다. 페이스북에 새 기능을 추가하면 동시에 7개의 플랫폼을 작업해야한다. (그래서) HTML5가 미래의 플랫폼이다. 많은 자원을 여기에 할애하고 있다” http://j.mp/fOIssj
• AwesomeChartJS – HTML5 캔버스와 자바스크립트를 이용한 차트 라이브러리 http://j.mp/fX28dm 결과물이 아직 아주 Awesome 하진 않지만 ^^;

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

• Quora 사이트를 구축한 기술들 분석 http://j.mp/gUwqpB 최신 웹 기술들과 클라우드를 풀로 활용하는 테크 스타트업의 표본이군요. Amazon Web Services/HAProxy Load Balancing/Nginx/Pylons And Paste/Python/Thrift/Tornado/Comet/MySQL/Memcached/Git 국내 스타트업 및 웹 개발/기획자 분들 필독.
• Rainbird – 트위터가 공개하는 실시간 분석을 위한 분산&대용량 카운팅서비스. 카산드라 기반. 초당 10만회 쓰기 지원 http://j.mp/fjXfbM 다만 소스코드가 Scala 여서 다들 참고만 할 듯 ^^;
• Netflix가 3종의 NoSQL ( 아마존 SimpleDB , 아파치 HBase , 카산드라 ) 기술을 쓰는 이유 “각 기술별로 딱 맞는 유스케이스가 다르기 때문” http://j.mp/hJwYeD
• Q:왜 Dropbox가 다른 유사서비스보다 유명한가요? A: 폴더가 있고, 파일을 넣으면, 싱크 – 이 기능을 만들었고, 군더더기는 제거했다. http://j.mp/fFM0AK , 본연의 목적에 충실/간결함이 전략. 1등으로 선택된 답변외에 2번째 답인 Isaac Hall 의 답변도 한번 봐주세요. 그는 Dropbox 경쟁업체인 Syncplicity 의 공동창업자입니다.

[ 해외 뉴스 및 블로그 ]

• MS Bing이 구글의 검색결과를 훔치고 있다 http://j.mp/f32ARE  Bing의 결과가 구글의 결과와 비슷해지는것을 본 구글 직원들이 hiybbprqag , mbzrxpgjys , indoswiftjobinproduction 와 같은 의미없는 키워드에 특정 URL이 첫번째로 노출되도록 한 후, 집에서 IE로 해당 페이지를 검색하게 했더니, 얼마후 정말로 Bing의 검색결과에 그 페이지가 첫번째로 뜨더라는.. 이렇게 동작하는것에 대해 IE8의 Suggested Sites 기능과 Bing 툴바를 의심. 아예 구글 블로그페이지에 http://j.mp/fqjo2W 와 같이 공식으로 제기되었고, 이런 일 중단하라고 요청.
• 모바일에서 Market Share 는 중요한 게 아니다 http://j.mp/gSjWzt 아예 필요 없다는 아니고.. 그거만 봐서는 안 된다 가 맞겠군요.

[ 추천자료 ]

• 아이패드용 국내 매거진 앱 총정리 http://j.mp/eEGA9e , 총20개의 앱, 24개의 잡지들입니다. ( 더 매거진이 5종의 매거진을 담고 있기 때문) , 현재 전체 매거진들이 다 무료입니다. 감상해보세요.
• 영화평론가 이동진 님이 지난 7년간 약 700편의 영화에 대해 매긴 별점 중에서 별 5개를 받은 18편입니다. http://bit.ly/fKXgjz

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

구루의 기술뉴스 ( GuruNews ) 5회차입니다. 이 기술뉴스의 설명은 구루의 기술뉴스 : 2011년 첫번째 뉴스레터 를 참고하세요. 매주 월요일에 발행됩니다.

이번주는 구글/애플의 디테일, Eclipse의 웹 개발 IDE Orion 관련 뉴스들과 제가 추천하는 몇몇 자료들입니다.

2011년 01월 31일, KTH 아키텍트 그룹이 발행하는 기술 신동향 & 뉴스 링크입니다.

[ 웹사이트, 웹서비스, 웹관련기술 ]

• 구글 크롬 브라우저에서 탭을 닫을 때의 디테일! http://j.mp/eqTG85 구글에게도 이런 디테일이! 이걸 알고나면 크롬 브라우저가 더욱 사랑스러워 집니다. 디테일이 뛰어나면 쓰는 사람이 알게 모르게 감동받게 됩니다.
• Eclipse Orion – 기존 데스크탑용 이클립스와 전혀 상관없는 웹 브라우저 기반 웹 개발자용 IDE 프로젝트. 자바스크립트로 작성되었고, 서버는 Jetty 웹서버로 구동됩니다.  http://j.mp/gtLTU7 , 요즘 보면 Bugzilla , Hudson , Gerrit , Github 와 같은 많은 개발지원용 툴들이 작업환경으로 웹을 이용하고 있습니다. 이제 코드를 수정하고 디버깅하는 개발환경까지 웹을 기반으로 하게 되는 것도 하나의 큰 흐름인 것 같습니다. 물론 지금 바로 실전에 적용할 정도는 아니지만, 1-2년후에는 분명히 사용이 가능할 듯 합니다. 클라우드와 연동은 물론이겠죠.
• 웹개발자가 꼭 알아두어야할 오픈소스 15개 http://j.mp/hrdi1R MongoDB/카산드라 / Memcached/Redis / Nginx/Varnish / WordPress/Drupal / jQuery/MooTools / Node.js/RabbitMQ / Symfony/RoR/Django
• “The State of the Web” 2010년 겨울판 http://j.mp/ei2Q0p
• http://vid.ly 웹상에서 비디오를 공유하기 위한 단축URL. 업로드시 클라우드를 이용해서 MP4,OGG,WebM,MOV 등으로 동시변환됩니다. HNY2011 초대코드 입력해서 이용해보세요

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

• 아이폰 메일앱에서 새 이메일이 도착했을 때 일어나는 일 http://j.mp/f0qqgr 애플의 디테일은 정말.. “마법의 숫자는 3”. 이런 디테일을 생각한 사람은 누가 이걸 알아줄 꺼라고 생각했을까요 ?
• 도시바 타블렛 – 안드로이드 허니컴,1280×800 해상도, Tegra 2 프로세서, 2메가 전면/5메가 후면 카메라, USB/mini-USB/HDMI/SD Slot, 배터리 교체 가능 http://j.mp/gx21vl , 모토로라의 Xoom 과 경쟁할 디바이스.
• TestFlight – 아이폰 앱 베타테스트를 손쉽게! IPA업로드하고 이메일 적으면 배포완료. 업데이트 역시 Over-The-Air 로 가능한 웹 서비스. 개발자에겐 무료 http://j.mp/hkmyCs , 기존 아이폰 앱 베타테스트는 UDID를 적고 업데이트할 때 마다 재 배포 하는 작업이 귀찮았는데, 이걸 더욱 편하게 만들어줍니다.
• Touch Notation – 터치기반 앱을 만들때 기획자/디자이너/개발자가 터치동작들을 쉽게 공유할 수 있도록 해주는 기호 표시 방법 http://j.mp/fTqe9u , 이것과 비슷한 터치 제스쳐 레퍼런스 가이드 http://j.mp/fQN55E 도 있습니다. 이건 디자인 자체가 손가락모양을 나타내고 있어서 좀 더 보기 좋습니다. 터치기반 모바일 앱 디자이너/기획자/개발자 분들 참고하세요
• http://AppAnnie.com – 전세계 대상으로 아이폰 앱을 판매하는 개발자를 위한 세일즈 리포팅&트렌드 분석 웹사이트. 아이튠즈커넥트보다 훨씬 편리하게 관리가능. 나라별 랭킹도 한눈에. 현재 오픈베타라 무료

[ 프로그래밍 ]

• Wire It – 웹에서 와이어링을 가능하게 해주는 오픈소스 자바스크립트 라이브러리. 데이터플로우,비주얼 프로그래밍,그래픽 모델링등에 사용 http://j.mp/f0PyJK 야후Pipes의 에디터를 똑같이 만들수 있겠네요
• ShareKit – 아이폰 앱 개발시 페이스북/구글리더/인스타페이퍼/핀보드/텀블러/트위터등으로의 각종 셰어링을 코드 3줄로 해결해주는 라이브러리 http://j.mp/g0eibZ
• Appcelerator vs. Phonegap vs. Adobe Air Mobile 3가지 크로스 플랫폼 개발툴 비교표 http://j.mp/gqt2xN
• 웹디자이너/개발자를 위한 크롬 확장 9가지 http://j.mp/hV09Bv
• 구글 API 들과 개발자용 툴들을 주기율표 형태로 보기 http://j.mp/dXDMGR

[ HTML5/CSS/Javascript ]

• http://MediaQueri.es – 다양한 해상도/디바이스를 지원하는 Responsive 웹 디자인이 적용된 사이트들 모음. 올해는 타블렛때문에 이 Responsive Design 이 대세가 될 겁니다. 꼭꼭 참고하시고 사이트 개발시 적용해보세요. Handcrafted Pixels http://j.mp/fPhmWP , 같은 사이트도 있습니다. 데스크탑에서 접속해서 브라우저 사이즈를 조정해보시거나 스마트폰에서 접속해 보세요
• HTML(5)의 텍스트 엘리먼트들 (del,s,ins,strong,small,b,cite,i,q,em,code,mark) 추가/재정의된 부분 설명. 예문을 이용한 깔끔한 설명이 좋네요 http://j.mp/gEaAk8
• 크로스 브라우징 가능한 HTML5 Form 개발 방법 http://j.mp/hDN61l
• CrossDomain 문제를 IFRAME 대신 HTML5 방식으로 해결하기 http://j.mp/godENU

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

• 아마존 SES (Simple Email Service) 시작. 대규모 메일발송을 위한 클라우드기반 웹서비스 http://j.mp/hSoOG4 왠지 스팸용으로 사용될거 같지만, 내부적으로 다양한 방지대책을 가지고 있다고..
• 2011년 Cloud , PaaS , NoSQL 전망 http://j.mp/h93G9v

[ 해외 뉴스 및 블로그 ]

• 에버노트 맥앱스토어 런칭 일주일 동안 배운 4가지 레슨 http://j.mp/gtYq6z 개발자에게 큰 기회/데스크탑SW가 다시 살아났다/멀티플랫폼 사용자가 중요(유료구매확율 높다)/크로스플랫폼 개발툴에 대한 재고가 필요
• 앱스토어의 미래 http://j.mp/fvO4Ov 애플을 베끼는 건 불가능하다. 그들은 Unique하기에 계속 유지될 것이다. 애플과 같은 환경이 아닌 회사들은 웹 앱과 웹기반 앱스토어가 대안이다. 앱스토어를 준비하는 다른 이통사/플랫폼 제조사들이 꼭 봐야 할 글.
• 아마존의 킨들 Singles 가 드디어 오픈 http://j.mp/ehvMMM 글 한편당 $0.99 에서 $3.99 정도로 가격이 정해진 짧은 글들을 판매.

[ 추천자료 ]

• “10년째 같은 회사를 다니고 있습니다” http://j.mp/gd9T9N 넥슨 김충효님의 멋진 프리젠테이션. 직장생활을 돌아보게 되는군요. 꼭 한번 보시기 바랍니다.
• 클레이셔키 – “어떻게 소셜 미디어는 역사를 만들어 내는가” – http://j.mp/euX5jk
• 한스로스링 – 4분만에 보는 세계의 200년 역사(BBC) http://j.mp/h3RThq
• 2010년 베스트 아이콘셋 150개+ 모음 http://j.mp/hK77Sl
• 아이패드 사용을 위한 강좌모음 – http://cafe.naver.com/allumpc/38931 , http://cafe.naver.com/ipadno1/4238 이번주에 KTH는 전 사원분들께 아이패드가 지급됩니다 😉 혹시나 필요하신 분들을 위해.. 두 링크가 다른 곳이고, 회원가입이 필요한 카페이긴 하지만 국내 자료중에선 2개 카페에 있는게 가장 정리가 잘 되어있습니다. 참고하세요.

여기까지입니다. 새해 복많이 받으시고, 즐거운 명절 되세요!

구루의 기술뉴스 ( GuruNews ) 4회차입니다. 이 기술뉴스의 설명은 구루의 기술뉴스 : 2011년 첫번째 뉴스레터 를 참고하세요. 매주 월요일에 발행됩니다.

이번주는 페이스북 내부의 개발문화 와 페이스북의 국가별 점유율, 트위터 한글화 , 야후의 인증방식 변경, HTML5 의 로고 , 구글의 에릭 슈미트 사임등이 주요 뉴스입니다.

2011년 01월 24일, KTH 아키텍트 그룹이 발행하는 기술 신동향 & 뉴스 링크입니다.

[ 웹사이트, 웹서비스, 웹기술 ]

• 페이스북이 어떻게 코드를 Ship하는가 http://j.mp/hDVdaX 잘 알려지지 않은 페이스북 내부의 개발방식/문화를 알 수 있는 글. 정말 흥미롭네요. 따라하기도 쉽지 않을 듯 합니다. 입사후 Boot Camp 4-6주간에 10%정도가 회사를 떠난다는 군요. 구글에 비해 페이스북은 아직 많이 공개가 안 된듯.. 이런 내부문화를 얘기해주는 글을 찾아보기가 어렵습니다.
• 트위터가 공식으로 한글화 되었습니다. 창업자 에반 윌리엄스가 방한하여 기자회견을 가지고 다음/KT/네이버/LG u+ 와 협의 후 다음 메인페이지에 트위터 트윗들이 보이게 되었으며, LG U+를 통해서는 SMS로 트윗이 가능하게 되었습니다. 그리고, 트위터 공식 블로그에 한글로 포스팅이 올라왔습니다. 제목은“한글 트위터” http://j.mp/igmWRS 작년에 한국내의 트위터 사용자가 10배 이상 증가했다고 합니다.
• Yahoo 가 공식적으로 페이스북 과 구글계정(OpenID)을 통해 야후 서비스를 이용할 수 있도록 인증방식을 변경했습니다 http://j.mp/eUH6mt , 처음으로 야후 서비스 이용 시에도 페이스북/구글아이디로 사용가능하며 추가정보 몇 개만을 요구합니다.
• 페이스북 국가별 점유율 및 1년간 성장세 그래프 (PDF파일) http://j.mp/hnW5z2 한국의 성장세가 놀랍고, 6억 사용자를 가진 페이스북이 아직도 성장할 곳이 많다는 건 두렵네요.
• 작은 직원 수에 몇 백만 사용자를 가진 회사들 http://j.mp/hkpbJD 워드프레스는 72명으로 3200만,텀블러는 18명으로 1200만,트위터는 300명으로 1억7500만,스카이프는 500명으로 5억명 이상..
• Firefox 4 Beta 9 출시 – JaegerMonkey를 탑재하여 자바스크립트 속도 향상 및 HTML5 기능 대폭 지원. 구글WebM 코덱 포함 http://j.mp/e7xq6e
• note&point – 잘만든 키노트&파워포인트 슬라이드만 모아놓은 사이트 http://j.mp/iaojAw 프리젠테이션들 퀄리티가 정말 우수합니다.

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

• 지난주부터 현재까지 미국 앱스토어 무료앱 1위 게임인 “Bubble Ball” 개발자는 14살입니다. 인터뷰 동영상 http://j.mp/ek8wGQ 게임 등록하려면 수많은 산을 넘어야 하는 국내와 비교됩니다. 처음에 개발자가 소개하는 글을 올렸던 GameSalad 의 포스트도 참고하세요 http://j.mp/eof6Ij 매우 생산적인 커멘트와 대화들이 오고 가고 있습니다. 게임 개발에 사용한 엔진은 iOS & Android 크로스 플랫폼 게임엔진인 Corona 입니다. http://j.mp/hBUy7y
• 아이폰/안드로이드/블랙베리 앱 개발을 위한 Cheat Sheet 모음 http://j.mp/ev4scy
• iBooks 의 고정 레이아웃 EPUB 분석 http://j.mp/fLSwGS 애플이 독자적으로 EPUB에 추가한 확장기능. e북 관련 작업시 참고하세요
• 아마존 안드로이드 앱스토어의 가격정책 : 개발자는 권장소비자가(MSRP)를 지정하고 실판매가격(RP)은 아마존이 결정. 개발자는 RP의 70% 또는 MSRP의 20%중 높은것으로 수익을 얻음 http://j.mp/eGzhBk , 이런 아마존 앱스토어의 가격정책은 기존의 아마존 상품판매 방식을 거의 따르고 있어서, 아마존이 운영하는 다양한 세일즈 알고리즘 적용이 가능할 것으로 예상됩니다.
  • 예를 들어, 개발자가 $10 로 가격을 지정했다면 그대로 팔리면 개발자는 $7의 수익.
  • 아마존이 세일을 통해 해당 앱을 $5에 판매하면 개발자는 $3.5의 수익.
  • 아마존이 특별세일로 $1 또는 무료로 판매하더라도 $2(MSRP 의 20%) 수익보장.

[ 프로그래밍 ]

• Git Immersion – 단계별로 따라해보는 Git 총 52단계 http://j.mp/f874Jo , 최근 오픈소스들의 CVS 대세로 떠오르는 Git를 설명하는 깔끔한 디자인의 튜토리얼 사이트입니다.
• Google Code 에서 이제 CodeMirror 자바스크립트 에디터를 적용해, 웹브라우저 상에서 직접 코드 수정이 가능하게 되었습니다 http://j.mp/idozTS , CodeMirror 는 코드편집용 온라인 에디터 자바스크립트 라이브러리로 JS/CSS/파이썬/루아/C# 등 다양한 언어 컬러링/들여쓰기를 지원합니다. http://CodeMirror.net
• Appcelerator 가 Aptana 를 인수 http://j.mp/gITSuR 기존 웹 개발 IDE 와 크로스 플랫폼 개발툴의 만남이군요. 저희 Appspresso 의 강력한 경쟁자가 되버렸네요
• jQuery로 엘리먼트 멋지게 생성하기. 이 방식으로 생성하면 Git에서 소스코드 변경확인도 더 좋아집니다 http://j.mp/hpQQNc
• Implementing-REST : RESTful 형태의 API 를 구축할때 필요한 정보를 한데 모은 사이트 http://j.mp/eRLBE0 위키형태로 비디오&오디오 강좌/REST 룰 및 원칙/사용가능한 프레임워크등이 정리되어 있네요
• sight: The Syntax Highlighter for Chrome http://goo.gl/xhBaV , 크롬브라우저 사용지 웹페이지에서 소스보기 했을 때 나오는 창의 소스를 이쁘게 만들어줍니다.
• 아이패드 사파리에서 현재 웹사이트의 소스를 쉽게 보기 위한 북마클릿 http://j.mp/gD3ayi 아이패드용 웹 페이지 개발할때 유용하겠네요
• 마이크로소프트의 차세대 웹개발툴 WebMatrix 공개 http://j.mp/hBgFAf , Drupal / WordPress / Textyle / XE 등 다양한 국내외 오픈소스 어플리케이션을 지원합니다. ASP.NET 과 PHP를 동시 지원하며, SQL Server 와 MySQL 도 지원. Razor 라는 심플한 구문을 지원해서 빠르게 웹 페이지를 개발할 수 있게 해줍니다. SEO ( Search Engine Optimization ) 을 기본 지원해서 개발자 놓친 최적화 부분들을 체크해서 알려주는 기능이 맘에 드네요.

[ HTML5/CSS/Javascript ]

• HTML5 FileSystem API 튜토리얼 http://j.mp/e3wJhp 현재 FileSystem API는 크롬 9+에서만 동작됩니다. 마지막에 있는 터미널 에뮬레이터가 재미나네요
• W3C 의 HTML5 공식 로고 공개 http://j.mp/go5m1t
• HTML5 Security Cheatsheet – http://html5sec.org/ , HTML5 의 보안에 관련된 이슈를 한눈에 보기
• WHATWG 에서 “HTML is the new HTML5” http://j.mp/fAmVf6 라는 글을 통해 HTML5에서의 버전번호를 없애고 그냥 “HTML”이라고 부르겠다고 결정했습니다. 이를 통해 HTML은 지속적으로 업데이트되는 살아있는 표준(living standard)이 될 것이라고 밝혔습니다.

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

• 아마존 Elastic Beanstalk서비스 시작. AWS클라우드에 손쉽게 어플리케이션을 Deploy&관리가능. EC2인스턴스를 만드는 등의 작업을 없애서 개발자가 더욱 쉽게 AWS를 이용하게 함 http://j.mp/e36z0l
• Relational Cloud : 클라우드용 DBaaS ( Database as a service ) 에 대한 논문 http://j.mp/gSNurU 효율적인 멀티테넌시,탄력적인 확장성,DB보안 등 3가지 이슈 해결
• 아마존 AWS위의 개발자용 플랫폼(Paas)들. Rails는 http://Heroku.com , Spring은 http://CloudFoundry.com , PHP는 http://phpfog.com 등 개발자를 위한 다양한 플랫폼들이 운용되고 있습니다. AWS위에서 제공되는 솔루션들 리스트 http://j.mp/er8aQV

[ 해외 뉴스 및 블로그 , 기타 소식 ]

• 구글 CEO 인 에릭 슈미트가 사임했습니다. 이에 대해 “Googled”의 저자인 켄 올레타의 컬럼. “에릭 슈미트는 왜 물러났는가” http://j.mp/elYZjp , 주요내용 요약한 한글기사 http://j.mp/etVEq9 . 결정적인 이유는 중국 문제를 놓고 래리 페이지 및 세르게이 브린 두 창업자와 갈등을 벌인 것이라는 분석.
• 삼성TV용 앱 경진대회 “Free the TV” 의 1등앱 WeDraw http://j.mp/ejIrZI TV와 스마트폰을 연결해서 다른사람이 그리는 그림이 뭔지를 맞추는 게임. 재미난건 클라이언트는 모두 아이폰 이군요.
• PDF,Flash,HTML 등에서 데이타 수집방법 & 구글 Refine으로 복잡한 데이타 깔끔하게 수정하기 가이드 : “Scraping for Journalism” http://j.mp/fBDVuy , 다양한 데이터를 수집 & 분석하여 멋진 비주얼 & 스토리텔링을 통해 표현하는 데이터 저널리즘은 수많은 데이터들이 급속하게 생성&전달되는 뉴스환경의 변화 속에서 언론이 나아가야 할 중요한 방향중의 하나로 논의되고 있습니다. 관련해서 스탠포드의 “Journalism in the Age of Data” 라는 비디오 리포트를 한번 보시기 바랍니다. http://datajournalism.stanford.edu/
• 2000~2009년 10년간의 주요 그래픽 디자인들 http://j.mp/g43Kyp 아이팟/해리포터/페이스북/AT&T/LOST/(RED)/오바마 HOPE/WOW/Avatar/24/Wikipedia ..
• 개발자 구인방법이 잘못되었다는 통쾌한 글 “The Valley Lacks Flexibility, Not Talent” http://j.mp/hTqa3J 실리콘밸리 회사들도 저 모양인데, 국내회사들은.. ?

이상입니다. 멋진 한 주 되시기 바랍니다! 그리고, 피드백 환영합니다!
제 블로그를 RSS리더에서 구독하시거나 , 제 블로그를 이메일로 구독하실수 있습니다.