월별 글 목록: 2011년 2월월

구루의 기술뉴스 : 모바일 통계 사이트 총정리 및 기타

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

이번주는 특별한 큰 이슈없이 기사를 정리했습니다. 단, 모바일 통계 사이트 총정리 링크는 눈여겨 봐둘만 합니다.

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

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

  • 모바일 통계 사이트 총정리 http://j.mp/iblx22 , 시장점유율/플랫폼별/캐리어별/모바일웹/광고/앱통계등 분야별로 50개 가량의 사이트를 깔끔하게 정리. 모바일관련 통계자료 필요하신 분들 꼭 저장해두세요.
  • Mobile UI Patterns 각종 모바일 앱들의 스플래시/사용자피드/유저프로필/도움말/체크인/노티피케이션 등을 한눈에 비교할수 있는 사이트 http://j.mp/hdCpMY
  • 모바일 플랫폼의 역사 http://j.mp/eX5EDp 주요 플랫폼 총 16개,이중 10개가 사용 중이며, 중단된 6개중 3개는 새 버전으로 대치된 것. “모던” OS들은 모두 2007년 이후에 출현하여 4년간 8개의 새 OS출현. 즉, 어찌보면 앞으로 시장은 어떻게 변할지 모른다는 것.
  • 아마존 킨들의 신문/잡지 퍼블리싱 비용에 대한 진실 http://j.mp/eClvEC 3G 전송비용을 잡지사가 내므로 사진을 막 넣지 못하고, 킨들버전 출판물 가격은 아마존이 맘대로 설정한다고 합니다. 사용자로서는 3G 비용이 무료라서 좋았는데, 다시 이게 컨텐츠 보급 및 확산을 막고 있군요.
  • Instapaper CEO의 Verizon아이폰 판매량 분석 http://j.mp/efcRU9 새 기기 출시후 앱판매량이 들썩이는데 이번엔 아님. 추정이유 “1.얼마안팔림 2.앱을 별로구입안함. 3.다들 AT&T에서 넘어옴” 3번이 정답일듯. 국내도 SKT 에서 아이폰을 출시하겠다는 발표가 났는데, 어떻게 시장이 변화될지 눈여겨 봐야 하겠습니다.
  • Push The Page 데스크탑 웹브라우저에서 보던 웹페이지를 바로 아이폰/아이패드에서 볼수 있도록 해당주소를 푸시하는 무료앱 http://j.mp/eX1aFw 안드로이드의 크롬2폰과 비슷하지만 북마클릿 형태라 모든 브라우저에서 가능. 웹 개발자들에게도 매우 유용합니다.
  • http://jdrop.org JSON 데이터만을 저장하는 특수목적 클라우드. 현재 무료이며, 주로 Mobile Perf 북마클릿을 이용해서 모바일 디바이스로부터의 퍼포먼스 데이터를 수집하는데 사용

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

  • 구글 Analytics 로딩속도를 최적화 하는 두가지 방법 http://j.mp/eFAdZb 맨 아래 경고부분도 꼭 참고
  • Delicious를 대체할 북마킹 사이트로 유명해진 Pinboard 서비스의 개발자&CEO 인 Maciej Ceglowski 인터뷰 “핀보드 아키텍처/구현에는 특별한 게 전혀 없고, 이게 하나의 피쳐다. 많이들 새로운 기술에 쉽게 현혹되지만 시간을 낭비할 뿐. MySQL과 같이 잘 알려진 툴을 써서 시간을 절약했다” http://j.mp/gbLNI4 개발 과정에 대한 설명도 주목할만 합니다. “Pinboard 에는 유닛테스트가 전혀 없다. 예전엔 나도 테스팅에 목숨걸었지만, 핀보드 개발시에는 실험적으로 다른 방법을 취했다. 테스트를 작성하기 보다 코딩 자체를 엄청 조심해서 하려고 노력했고, 코드 사이즈 자체를 작게 유지해서 계속 이해가 가능하도록 했다.”
  • 아마존이 기존 프라임 고객 (1년/$79) 대상으로 무료 스트리밍 서비스 시작. Roku 디바이스가 지원 http://j.mp/hWrs2X 이제 약 5천편 정도로 작은 시작이긴 하지만 넷플릭스로선 궁극적으로 힘겨운 상대를 만난듯 이미 넷플릭스 주식은 하락중
  • 회원가입 프로세스를 심플하게 만드는 17가지 방법 http://j.mp/eeC2Qp
  • 페이스북이 백만개가 넘는 모든 이벤트페이지에 대해 hCalendar 마이크로포맷 적용 http://j.mp/gi5t5W 브라우저에 마이크로포맷 플러그인을 설치하면,해당 페이지 방문시 이벤트를 자신의 일정에 바로 추가가능

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

  • Fixing These jQuery jQuery 와 자바스크립트 디버깅 방법을 알려주는 HTML5 버전 웹 슬라이드 (60페이지) http://j.mp/dZyY4F 웹개발자분들께 추천!
  • WHATWG 의 HTML5 스펙 “웹 개발자 에디션” http://j.mp/ePLOQi 브라우저 업체들만 알아야하는 스펙들은 다 제거하고 개발자가 봐야할 스펙들만 깔끔정리.
  • 자바스크립트 고수로 가기 위한 주요부분들만을 정리한 JavaScript Garden http://j.mp/i3T4e2
  • Charles 웹 개발자를 위한 디버깅용 프록시 어플리케이션 http://j.mp/faZ5dh Man-in-the-middle 방식을 사용해서 HTTP/HTTPS 모든 트래픽을 텍스트로 확인가능. 윈/맥/리눅스 지원 1-4유저에 $50. 이 툴을 이용해서 아이패드용 앱인 The Daily 의 내부구조를 어떻게 파악했는지 알려주는 포스트 http://j.mp/hZEm3i 가 있습니다.
  • {dust} 자바스크립트 템플릿엔진. 마크업 형태이고 비동기방식에 스트리밍까지 지원. Node.js에서도 사용가능 http://j.mp/flczdW 가장 현대적인 템플릿엔진. 지금까지 나온것중 가장 미니멀한 자바스크립트 템플릿엔진은 jQuery 개발자인 존 레식이 만든 것으로 20라인정도로 구현 http://j.mp/hXn47T 이름하여 Micro-Templating

[ 디자인/UI/UX ]

  • Fonts In Use 폰트를 사용한 곳의 예제 이미지를 들어 설명하는 사이트. http://FontsInUse.com
  • http://FFFFound.com 그래픽 디자이너를 위한 이미지 북마킹 SNS. 좋아하는 이미지 취향에 따른 추천 알고리즘 적용. 아쉽지만 초대로만 가입가능
  • 여성 디자이너가 Django 를 배워서 첫번째 웹앱을 6주만에 런칭한 이야기 http://j.mp/fHWplp , 디자이너가 개발을 배우면 또 기회가 있는듯 합니다.

[ 해외 뉴스 및 블로그 ]

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

2011년 웹 & 모바일 개발자가 주목해야할 기술들

미래웹기술연구소 주최로 열렸던 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일날 공개됩니다! 누구나 무료로 사용하실수 있습니다 😉

구루의 기술뉴스 : MWC 2011 , NokiSoft

구루의 기술뉴스 ( 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 적용 포함

[ 추천 글 ]

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

구루의 기술뉴스 : The Daily , 구글 크롬 9 와 웹 안드로이드 마켓

구루의 기술뉴스 ( 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리더에서 구독하시거나 , 제 블로그를 이메일로 구독하실수 있습니다.