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

이번주는 지난주에 공개되어 큰 이슈가 되고있는 구글의 새 소셜서비스 Google+ 에 대한 뉴스들을 모아봤습니다. 아직 초대제로 운영되긴 하지만, 꽤 많은 분들이 이미 사용하고 계시네요. 깔끔한 디자인과 컨셉으로 과연 구글이 이번엔 성공할수 있을지 주목받고 있습니다.

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

• 구글의 새 소셜프로젝트 Google+ 공개 원하는 친구들과 공유하는 +Circles, 특정주제에 대해 얘기하고 정보를 받는 +Sparks, 온라인화상미팅?인 +Hangouts 등. 아직은 초대를 통해서만 사용이 가능합니다.
  • 구글+ 의 메인 디자이너로 알려진 Andy Hertzfeld ( 매킨토시의 초기 디자이너 ) 가 쓴 구글+ 를 만든 사람들 “1984년 오리지널 맥을 출시했을 때 내가 배운 것은, 언론이 모든 것을 너무 단순화 시키기 때문에 그 프로젝트에 많은 사람들이 주요 역할을 하고 있다는 걸 알리지 못하고, 몇몇 주요인물들만이 주목 받는다는 것이다. 이건 지금까지도 마찬가지다. 하지만 지금은 2011년이고, 내가 만드는걸 도왔던 구글+ 서비스 자체를 통해서 조금 더 명확히 하려고 한다” 라고 하면서 구글+의 디자인 및 개발에 관련해 너무 자신만 부각 되는 것 같은데, 실제로는 같이 일한 다른 사람들이 많다고, 구글+ 개발에 투입되었던 7명의 개발자/디자이너를 소개하는 글입니다.
    제가 생각하는 방향과 너무 비슷해서 공감 가는 글입니다. 제가 썼던 비슷한 코멘트
    

    우리가 가수들이 만든 노래라는 컨텐츠를 소비하면서 그 가수를,작곡자를,연주자를,편곡자들 (나가수때문에?) 을 좋아하게 된 것처럼, 개발자를 우대해주는 분위기 와 생태계를 만들고, 뛰어난 국내 개발작품들속에서 그걸 만든 개발자들도 분야별로 다양하게 인정 받을수 있었으면 합니다

  • 구글+ 데모 사이트 Circles,Hangouts,Instant Upload, Sparks,Huddle 에 대한 설명과 어떻게 동작하는지 직접 조작 해볼 수 있습니다.
  • 구글+의 장점과 단점 , UI가 멋지고, Circles 컨셉도 좋고, Hangout 기능도 놀랍다. 하지만 구글 앱스와는 동작 안하고, 검색의 구글답지 않게 검색이 잘 안 된다. 스트림(타임라인) 정렬이 좀 이상하다. ( 유명인이 쓴 글이 무조건 최상단으로 간다던가 하는.. 이건 마치 소셜에다가 PageRank 적용한 느낌이라, 제대로 소셜화 되려면 Facebook의 EdgeRank 같은 것 도입이 필요한 게 아닌가 생각됩니다. )
  • 크리스 브로건이 정리한 구글+ 가 주는/줄수있는/될수있는 50가지
  • Inside Google+ 구글+에 대해 뒷얘기들까지 정리한 Wired의 장문 기사
  • 구글+ 의 연락처/서클과 Buzz,Picasa 등, 구글에 저장된 자신의 데이터 전체를 내보낼 수 있도록 하는 구글 Takeout
  • 구글의 SOE ( Strategy of Everything ) 전략 구글+ 출시와 함께 읽어 볼만한 글
• 구글 Swiffy – 어도비 플래시(SWF)파일을 HTML5로 변환해주는 웹앱 이걸 왜 구글에서? 라는 생각이 잠깐 ^^;; 갤러리 보니 품질은 꽤 좋은듯 합니다. 출시된 다음날 저희 파란 개발자 블로그에 분석비교 글이 올라왔습니다. Google Swiffy – 플래시 to HTML5 변환기 리뷰 및 Wallaby 와 비교
• 넷플릭스와 WebKit 웹 기술로 만들어진 PS3용 넷플릭스 앱에서 사용자대상 A/B 테스트까지 진행한다는 군요. 이건 정말 웹으로만 가능한 일. 스마트TV/IPTV 하시는 분들 보고 배우셔야 합니다.
• 구글 첫화면 디자인 변경 세가지 원칙 : Focus , Elasticity , Effortlessness 바뀐 화면 마음에 드네요
• 왜 모든 WebKit 기반 브라우저는 각기 다른가 ? 너무 깔끔하게 잘 설명한 글. “똑같은 P&W JT9D 엔진 얹었다고 보잉747 과 에어버스A310이 같은 비행기가 아닌 것과 같은 이치”
• 브라우저는 어떻게 동작하는가? 브라우저가 어떻게 DOM과 CSS를 파싱하고, Layout을 잡고 그리는지, CSS2의 비쥬얼모델까지 설명한 문서
• Hotmail을 어떻게 10배로 빠르게 만들었나? 브라우저 캐슁/프리로딩/비동기 동작. 이 3가지로 메일열기 3.3초->0.18초, 메일삭제가 3.1초->0.14초로 향상
• Skipfish – 오픈소스 웹 어플리케이션 시큐리티 스캐너 , 결과물이 꽤 좋은 것 같아서.. 빌드 해서 실행하니 웹서버에 23만번 리퀘스트 할꺼라고 경고메시지가 나오는군요.

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

• iOS 유저 한명은 매년 애플에게 $150의 수익을 안겨준다는 주장 그리고 이건 기기변경을 3.5년주기로 봤을 때고, 2년약정마다 바꾼다고 보면 년 $250 의 수익을 가져다 준다고 합니다.
• RIM(블랙베리) CEO 2명에게 내부 고위 직원이 익명으로 보낸 편지 이에 대한 RIM의 공식답변 질문은 엄청 아픈데, 답변은 두리뭉실하네요.
• 비공식이지만 아이패드 앱이 10만개 돌파 , 이제 과연 다른 타블렛들이 이걸 따라잡을수 있을지..
• 미국 핸드폰시장. 지난 3달간 폰 구입자중 55%가 스마트폰. 일년전에는 34%
• 왜 모바일앱들이 모바일 네트웍에서 종종 오동작하는가 모바일 네트웍에 TCP가 어울리지 않기 때문. 때문에 모든 앱은 오프라인/캐시모드를 잘 구성해야한다. 앱개발자분들 참고하세요
• Shape를 가지다 MS는 사각,애플은 코너가 둥그런 사각, 노키아는 Squircle (원과 사각의 중간),WebOS는 팜시절부터 이어온 동그라미. 안드로이드의 모양은 없다. 단편화의 증거 ?
• 증강현실 시네마 지금 카메라로 찍는 곳이 나온 영화의 화면을 플레이해 주는 방식입니다. 이건 다른 AR에 비해 훨씬 재미날듯. 앱으로 나올꺼라는데 어느정도의 영화 라이브러리를 가지느냐가 관건. 한국영화도 이런거 해주면 좋겠네요.
• 안드로이드 앱용 디자인하기 팁 다양한 스크린사이즈에 대응하기 및 UI 디자인패턴들 정리
• 에버노트 윈폰7용 클라이언트 개발 후기 WP7 개발환경이 왜 좋은지,어떤것들이 문제인지, 어떻게 극복했는지 등이 잘나와서 국내 WP7 개발자들에게 참고가 되실듯
• TwUI by Twitter – 트위터가 맥용 공식 트위터 클라이언트를 개발하면서 만든 UI 라이브러리. iOS의 UIKit을 맥OS에 구현한 것
• HP TouchPad 의 HTML5 개발자 점수 ACID3 92점,최고의 Canvas 속도,SVG관련 오류가 많음,전체적으로는 좋다는 평가지만.. 웹을 주 플랫폼으로 쓴다면 아직 모자라보임

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

• VisualSearch.js – 복잡한 검색을 지원할 수 있도록 검색창을 멋지게 바꿔주는 오픈소스. 점점 복잡해지는 사이트들에 대해 활용도가 많을듯
• PaperJS – 웹 브라우저용 벡터 그래픽 스크립팅 프레임웍 어도비 일러스트레이터용 스크립트 플러그인 Scriptographer 와 호환문법 사용
• jsPlumb – 자바스크립트로 야후 파이프 스타일의 UI 만들기. 다양한 설정이 가능해서 플로우차트/구조도 등 쓸 곳이 많을듯
• Cuepoint JS – HTML5 비디오에 큐포인트와 자막을 쉽게 올려주는 라이브러리 http://cuepoint.org 아이폰/안드로이드 지원
• Smooth CoffeeScript – 초보자를 위한 200페이지짜리 커피스크립트 가이드북 http://j.mp/j3Jkca 유명한 자바스크립트 초보가이드인 Eloquent Javascript 에 기반하여 커피스크립트를 설명
• ButtonMaker – 간단한 CSS 버튼 만들기
• jQAPI – 또 다른 jQuery 도움말 레퍼런스 사이트. 1.6까지 업데이트되어있음. 아쉽게도 1.3 이후 업데이트 멈춘 Visual JQuery 대용으로 쓸만
• 페이스북 그래프 API Explorer 페이스북의 그래프 API를 쉽게 쓸수 있게해주는 개발자용 웹앱. 페북영국소속인 사이먼 크로스가 개인적으로 만들었던건데, 아예 공식툴로 공개. 정말 좋은 툴. 오픈 API를 제공하는 서비스들은 비슷하게라도 제공해야할 툴

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

• GoldenOrb – 대용량 그래프 분석을 위한 클라우드 기반 오픈소스 프로젝트. 하둡과 여러오픈소스를 사용하여 구글의 Pregel 아키텍쳐를 모델링

[ 추천 글 ]

• Splitscreen : A Love Story 노키아 N8 로만 찍은 영상. Nokia Shorts Competition 2011 우승작. 멋진 아이디어. 멋진 영상
• Please, please, please stop asking how to find a technical co-founder. – 제발 기술동업자를 어떻게 찾는지 물어보지 마세요. 기술 동업자는 ‘찾는(Find)’게 아니고 ‘버는(Earn)’ 겁니다. 당신이 가진 아이디어는 정말 아주 작은 조각일뿐.. 코딩하는걸 배우고, 프로토타입을 만들어보고, 팔로워를 만들어 보세요. 아이디어만 들고 동업하자고 또는 어디 좋은 개발자 없냐고 물어보시는 분들께 꼭 보여드리고 싶은글.
• TripAdvisor의 아키텍쳐와 조직문화 20개 스타트업이 동시운영중인것과 같으며,아키텍트는 없다.모든 엔지니어는 모든 레벨의 기술에 대해 배워야 한다.한개의 운영팀이 사내AWS처럼 동작

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

4월에 TNW2011에 출장갔을 때 “책 읽는 것을 소셜화” 한 네덜란드 스타트업 OpenMargin 이 재미있어서
관심을 가지고 있었는데, 이와 비슷하지만 다른 방법으로 풀어나간 국내 서비스 Nimdoo 라는 걸 발견해서
퀵리뷰를 진행해 봤습니다.

OpenMargin : http://openmargin.com/

책을 읽으며 줄긋고 생각을 남기는걸 소셜화한 서비스입니다. 아마존 킨들의 경우, 읽던 부분에 노트를 남기는게 가능한데, 이걸 한 단계 업그레이드해서 다른 사람이 적는 노트까지 같이 볼 수 있게 해 주는 서비스입니다.

책을 읽고 노트를 남기는 iPad 앱과 , 이걸 모아볼 수 있는 웹 앱으로 구성되어 있으며, 같은 책/문장에 대한 다른 사람의 생각을 보고 토론할 수 있습니다.

OpenMargin 소개동영상

제가 생각하는 이 서비스의 가장 큰 단점은, 책을 읽고 노트를 남기는 행위를 iPad 에서 책이 담겨있는 자신들만의 특정 앱을 통해 하도록 했다는 것입니다. 이 때문에 공유할 수 있는 책의 종류가 한정되어 있어서, 초기 확대가 어려운 것 같습니다. 때문에 서비스를 바로 오픈하지 못하고 초대기반의 베타로만 진행하고 있구요. 자체 앱에 집중하기 때문에 API 화 한다고 해도 다른 이북 리더들과 연계가 어려울 수 있습니다. 물론, API 도 공개되지 않았습니다. 아직 진입장벽이 많은 것으로 인식됩니다.

Nimdoo : http://www.nimdoo.com/

오픈 마진과 비슷하지만, 모바일에 집중하지 않고 페이스북과 비슷한 웹서비스 형태를 취하고 있습니다. 시작한지 2달정도 되었다고 하는데 오픈마진을 따라했다기 보다는 ( 오픈마진의 컨셉은 2010년 11월에 공개되긴 했습니다. ) 비슷한 아이디어를 가지고 시작했는데 오픈마진과 다른 결과물을 낸 것이라고 보여집니다. 100마리째 원숭이 현상이 갑자기 생각났습니다.

사용 방식은 훨씬 편합니다. 이름/이메일/암호 만으로 가입이 가능하고, 보고 있는 책의 ISBN 번호 13자리 입력만으로 바로 책을 선택하게 됩니다. 국내 실정상 특정 이북포맷에 맞추기보다는 훨씬 좋은 방법인 것 같습니다.

책을 선택하고 나면, 바로 책에 대한 노트 남기기가 가능한데, 태그를 통해 페이지번호/줄 번호 기록도 가능합니다. 이렇게 남긴 글에는 다른 사용자가 댓글을 남길수 있습니다.
아래는 Object Oriented Javascript 라는 책에 남긴 노트에 다른 사람이 댓글을 남긴 예입니다.

http://www.nimdoo.com/book/153/page/27

페이스북과 아주 유사한 방식을 취하여 Like 기능도 내부적으로 비슷하게 사용하고 있습니다.

특정포맷에 의존하지 않는 방식이어서, 데이터구축만 잘 된다면 온라인서점 및 이북리더 들에게 API 형태로 제공이 가능할 듯 합니다. 단지 노트 뿐만이 아니라, 오/탈자 제보나, 오번역 사례들을 유저들끼리 공유하는 용도로도 쓰일 수 있지 않을까 생각됩니다. 다만 Buzz를 만들지 못하는 국내 스타트업 인지라, 혹시나 대형서점/포털에서 베끼기를 한다면 금방 따라잡힐 수 있다는 위험도 있습니다. ( 제가 이 글을 통해 소개하는 이유는 많은 분들이 써보셨으면 해서입니다. ) 역시 아직 API 제공은 하지 않는데, 빨리 API를 만들고 다양한 외부와의 연계를 시도하는게 좋지 않나 생각됩니다.

그리고, 아직 자신의 데이터 전체를 Export 하는 옵션이 없는데, 이렇게 개개인이 정보를 만들고 저장하는 서비스일수록 언제라도 자신의 데이터를 내려받을 수 있게하는 기능을 제공하는게 사용자들이 좀 더 편하게 서비스에 진입할수 있도록 하는 장치가 될 수 있습니다. 페이스북도 자신들의 데이터를 내려받는 기능 ( 물론 자체포맷이라 재사용하려면 작업이 필요합니다. ) 을 제공하며 , 구글도 Google+ 출시와 함께 Google Takeout 이란 서비스를 통해 모든 데이터를 내려받을수 있는 기능을 제공하기 시작했습니다. 최근, 마이크로 블로그의 대세인 Tumblr 가 사용자의 데이터를 Export 할수 있는 방법이 없다는 비난의 블로그글도 게재된바 있습니다. 관련해서, 자신의 책 주석들을 Export 해야한다면 딱 맞진 않지만 Ebook 의 주석/노트 달기 에 관해서 EPUB3 에 ASTRI 라는 Annotation Spec 제안이 진행중입니다.

* 리뷰를 하고 나서 보니.. 기존에 저도 잠깐 썼었던 유저스토리랩의 UserStoryBook에도 밑줄그은문장 기능이 생겼군요. 처음엔 책 리뷰만 있는 형태여서 몰랐는데 ^^; ( 미안해요 윤호님 ㅠㅠ )

마치며

우리가 이미 오래동안 소셜과 상관없이 하던 일들 중에, 여기서 보는 “책에 메모하기” 같은 일처럼 소셜화되어 다른 사람들과 공유하게 된다면 사용자들에게 또 다른 재미와 유용한 점들을 줄 수 있을 것으로 보여서 다들 한번쯤 기존 서비스들 말고, 우리가 살아가는 방식들 중에서 찾고 고민해볼 부분인 것 같습니다.

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

이번주는 마이크로블로그의 대세 라고 불리우는 Tumblr에 관해 얘기하는 2가지 아티클을 메인으로 선정했습니다. 사용자데이터 익스포트에 관해 밖으로 내보낼것인지 말것인지, 사용자 참여기반 웹 2.0 서비스를 만들고 계신다면 한 번쯤은 고려해야 할 부분입니다.

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

• 흥미로운 2개의 글 : Why Not Tumblr http://j.mp/mxiiyG vs. Why Tumblr http://j.mp/jWC8Es , 사용자 데이터의 익스포트가 문제로군요. Why Not Tumblr 글  마지막에 내가 만든 웹 컨텐트가 “tears in rain” 이냐 “books on a shelf” 이냐라는 질문이 있는데, 표현이 재밌네요. 페이스북도 자신의 전체 데이터를 내려 받는게 예전엔 불가능 했으나, 2010년 10월부터 가능해졌습니다. http://j.mp/m5RP95 사용자가 참여하여 데이터를 만드는 서비스를 만들고 계신다면 한번쯤은 고려해야 할 부분.
• JPG를 배경으로 작은 Animated GIF를 올려서 파일사이즈를 줄이는 방법 http://j.mp/lyIOck
• Trimage – 크로스플랫폼 무손실 이미지 압축&최적화 오픈소스. GUI및 커맨드라인으로 사용가능. JPG & PNG지원 http://Trimage.org 서버에서 배치처리하게 만들면 전체 트래픽 및 용량개선에 도움이 될듯

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

• 안드로이드 위치정보 앱 작성 관련 코드 깊숙이 들여다 보기 http://j.mp/lRcRKe 위치정보를 빨리 얻어오고,비활성화 상태에서 인텐트로 업데이트받기. 배터리 최적화 하기 까지 전반적으로 잘 정리된 글
• 애플이 공식 HowTo 동영상에서 모바일 결제 시스템인 Square를 쓰기 시작 http://j.mp/mFgJem 정말로 애플이 모바일결제 부분에 Square를 밀기로 마음먹은 걸까요 ?
• iOS의 거침없는 성장 http://j.mp/mq8cmd 윈도우보다 수익율 2.3배,미국 타블렛트래픽의 97%가 아이패드,유럽 스마트폰고객 40%가 아이폰구매예정,중국최대이통사 차이나모바일 아이폰 판매루머.. 세계정복? 글 말미에선 앞으로 모바일을 넘어 데스크탑에도 진출할거라는 예상.
• “모바일웹앱 개발자들이여, 네이티브 앱따라하기를 그만두세요” http://j.mp/jT5UIe 전체적으로 동의하는건 아닙니다만, 참고할만한 글. 따라하기보다는 사용자경험의 일관성 유지차원도 있을듯. Bagcheck는 저도 추천
• iOS5 베타2부터 -webkit-overflow-scrolling:touch; CSS값 지원! 이제 웹앱들도 네이티브와 비슷한 스크롤을 가지게 됩니다. http://j.mp/mjm2bM , 이 속성을 이용하여 웹으로 구현한 Pull to Refresh 예제 http://j.mp/k17nrz
• TISwipeableTableView – 아이폰용 공식 트위터앱에서 테이블셀 Swipe하면 나오는 버튼바를 구현한 오픈소스 http://j.mp/jlkYTH

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

• Fluid Width Youtube Videos http://j.mp/iAu3OP 유튜브 비디오를 브라우저크기에 맞춰 재조정하는 스크립트
• HTML 엔티티 사용시 꼭 고려해야할 10가지 http://j.mp/mnbEo8
• RPG JS – HTML5와 자바스크립트로 RPG 게임 만들기 http://rpgjs.com
• HTML5 Form 기능 체크 페이지 http://j.mp/k7UWkL 현재 브라우저가 어디까지 지원하는지를 한 페이지로 보여줘서 보기좋네요. 기능옆 ?를 누르면 기능 상세정보와 함께 브라우저별 확인도 가능
• CSS3 Regions로 페이지 레이아웃 만들기 http://j.mp/kk4Fs9 Adobe가 W3C에 제시한 스펙. Webkit 수정본으로 데모를 만들어 놨네요. 샘플이 맥/윈 지원. 꽤 볼만합니다

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

• Spark – 매우 빠른 클러스터 컴퓨팅 오픈소스. Hadoop과 비슷하지만 Scala로 되어있고, 반복알고리즘 및 인터랙티브 데이터마이닝에 최적화되어 이 부분 성능은 하둡의 30배! http://j.mp/kY8rS2

[ 추천 글 ]

• 새로운 플랫폼 위에 지어진 비즈니스, AirBnB http://j.mp/lcPGWi
• 애플스토어의 비밀 – WSJ글 한글번역본 http://j.mp/jMH3iC
• Everything is a remix Part 3 http://j.mp/izkYYB 이젠 너무 유명해져버린 시리즈의 3편 공개. 맥OS의 비밀?을 얘기합니다.

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

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

이번주는 구글이 새로 발표한 Instant Pages 관련글을 메인으로 선정했습니다. 개인사용자에게는 최고의 경험이 될수 있으므로 대비는 해야겠지만 구글의 행보는 한번 생각해봐야할 문제인듯 합니다.

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

• 구글이 새로 추가한 Instant Pages. 검색결과에서 가장 유력한 사이트를 미리 로딩해뒀다가 클릭시에 바로 보여주는 기능 http://j.mp/jfod6Q 서버의 통계가 꼬일 수도 있을 듯 합니다. 다음 윤석찬님의 글 “크롬, 점점 웹 표준 괴물이 되어간다?” http://blog.creation.net/498 도 같이 읽어보세요. 그리고 개발자 분들은 이에 관련해서 웹사이트를 프리 로딩 하는 것에 관한 Page Visibility API http://j.mp/jiv8Zz 및 웹 개발자를 위한 크롬 프리렌더링 기능 가이드 참고 http://j.mp/iyOeLC , 같이 제공하는 크롬 프리렌더링 테스트 사이트 http://j.mp/jjxbzV 테스트해보니 정말 빠르긴 하네요. 사이트에 잘 적용하시면 크롬 사용자에겐 최고의 경험을 제공할 수 있을 듯
• Book of Speed – 오픈소스로 만들고 있는 웹앱 최적화 가이드 현재 5장까지 완료. 6~9장 작성중 http://j.mp/mGrXEc
• AsciiFlow – 아스키코드로 플로우 차트 그리는 툴 http://j.mp/iSE5wb PC통신쓰던 향수가 납니다만, 텍스트문서에 차트나 도표 추가할때 유용할 듯하고 소스코드에 주석 및 README 에 넣을 때 최적일 듯.
• “소셜 타이밍의 과학” 인포그래픽 http://j.mp/iZ2hfy , 트위터와 페이스북에 언제 포스팅하면 좋은지를 알려줍니다.
• Toronto Trending – 구글맵/포스퀘어/트위터 서치를 통해 토론토 도시내의 활동을 한눈에 보여주는 매쉬업 http://j.mp/ko8MfH 디자인 멋지네요. 지도보기도 아주 마음에 듭니다.
• FriendLens – 페이스북 API로 친구들의 사진만 편하게 볼수 있는 웹사이트 http://j.mp/jJ83OJ 사람별로 선택도 되고 좋네요. 페이스북이 만들고 있는 사진 전용앱이 이런 기능을 좀더 깔끔하게 표현한 것일 듯
• 비디오를 위한 Instapaper 앱 4가지(VHX/SQURL/Instalfilm/Radbox) 리뷰 http://j.mp/mKiCo0

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

• 페이스북의 비밀프로젝트 코드명 WithPeople 사진공유앱 유출 http://j.mp/in7lFq 꽤 멋지네요. Instagram+Path+With+Color 와 비슷하다고.. 기존 사진SNS앱들은 긴장해야 할듯. 내부에 몇몇부분은 HTML5 기술을 이용했다고 합니다.
• 페이스북이 비밀리에 추진중인 프로젝트 “Spartan” http://j.mp/iCIBo4 아마도 HTML5에 기반한 플랫폼으로 모바일 대상이 될 것이라고.. 뭘 보여줄지 기대됩니다

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

• 모바일 웹 & HTML5 최적화 가이드 http://j.mp/m8NfY8 전반적으로 잘 정리된 139페이지 슬라이드
• 자바스크립트의 메모리 관리에 대한 고찰 http://j.mp/ldne6U Single Page와 AJAX로 계속 개체가 추가되는 웹앱개발에선 꼭 고려해야할 부분
• http://CSSLint.net – 만드신 CSS에 어떤 문제가 있는지 한번 검사해보세요. 소스코드가 공개 ( http://j.mp/kmLWXi ) 되어있으니 회사내부 CI시스템에 붙이는 것도 추천
• Object Auto Documentation – 자바스크립트 객체를 자동으로 문서화 해주는 라이브러리 http://j.mp/lAMSne 기존 jQuery,Ext,Dojo 같은 라이브러리 분석 시 좋겠네요. 결과가 깔끔
• Titanium 앱셀러레이터에서 모바일앱 통합디버깅을 위해서는 월$49 또는 월$199의 개발자플랜 가입 필요 http://j.mp/lbV8OE 후아 이건 너무 비싸군요. 앱스프레소는 완전 무료입니다 😉
• 웹개발자들이 잘 모르는 HTML/JS/DOM/CSS Hack들 모음 from Quora http://j.mp/krVHUW
• pdf.js – 자바스크립트만으로 브라우저에서 PDF를 보여주는 라이브러리. 속도때문에 먼저 Canvas로 그리고 뒤에서 SVG로 개체를 생성해서 선택가능하게 한다는데 아직 초기이지만 멋진시도인듯 http://j.mp/mrOLDW
• 자바스크립트만으로 웹어플리케이션 전체를 만드는 Wakanda. 웹서버/개발환경/프레임워크 까지 모두 포함 http://j.mp/kkAw1r 전에 한번 보긴 했었는데, 이제 개발자 프리뷰 다운로드가 가능해졌군요

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

• 카네기멜론에서 머신러닝을 위한 병렬프레임워크로 MapReduce 대신 제안하는 GraphLab http://j.mp/lEWBwW Map 과 Reduce 단계를 Update / Sync 라는 비슷한 개념으로 제안
• NoSQL 데이터베이스를 고려할 때 물어봐야 할 69가지 질문 http://j.mp/jPeRqd
• 왜 포스퀘어는 MongoDB를 선택했나? 적용하고 배운점은? 30분짜리 강연동영상 http://j.mp/koiexJ 발표슬라이드 http://j.mp/jXhFql 가장 큰 이유가 Auto Sharding 이라는군요
• node.cloud – node.js 관련 리소스 디렉토리. 각 사이트 순서가 Alexa 트래픽 순위로 소팅되는게 특이함 http://j.mp/inEgmM Express 와 NowJS 가 인기 좋군요

[ 추천 글 ]

• 여행자를 위해 국가별로 정리된 SIM 카드 (가격/플랜) 정보 http://j.mp/iCEO3q 해외출장시에 유용!

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

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

이번주는 “N스크린 시대, 하이브리드 앱 개발이 해법” 블로터포럼의 글을 메인으로 선정했습니다. 제가 참여해서 그런건 아니고 ^^;, 제가 몸담고 있는 kth 가 앞으로 집중할 기술분야의 한 부분이기 때문입니다. kth 는 Appspresso 를 활용한 풀 하이브리드 웹 앱과 Native 와 WebView 를 조합한 부분 하이브리드 웹 앱에 기술력을 집중하고 있습니다.

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

• N스크린 시대, 하이브리드 앱 개발이 해법 http://bit.ly/iepX0v
• 안드로이드와 오픈 모바일 웹에 대한 불편한 진실 http://j.mp/mwz6B2 솔직히 현재 하이브리드 및 웹앱 개발에 가장 문제가 되는 것은 안드로이드.
• iOS5 모바일 사파리의 변경점 http://j.mp/mMItsX 드디어 position:fixed 지원! 날짜/시간 입력도 네이티브와 똑같이 지원되고 Web Worker 도 되네요. 웹 앱 개발하기 더욱 좋아질듯. 좀 다른 관점의 분석글도 참고 하세요 http://j.mp/mecOMt 이 글은 NDA 때문에 애플개발자 포럼에 올라와 있어서 아이폰 개발자만 확인 가능합니다.
• 파이낸셜 타임즈가 기존앱을 웹앱으로 개편 http://j.mp/isEt47 iOS 풀스크린 웹앱의 모든 것을 다 활용. 기사 캐슁을 위해 WebSQL DB를 50메가로 늘리는것에 대해 안내도 나오는군요. 하이브리드로 했다면 더 좋았을 듯.
• iOS5에 추가된 볼륨버튼 사진찍기는 Camera+가 작년8월에 시도했다가 애플검수에서 리젝트된 기능 http://j.mp/jbn2AK 리젝트 사유는 “사용자 경험 혼란” 뭐 이제 혼란은 안생길듯. 앱 개발자들 다 적용하세요~. 이와 관련된 이슈를 정리한 글도 참고하세요 http://digxtal.com/?p=506
• 개발자를 위한 iOS5 변경사항 리스트 http://j.mp/lr7NcM iCloud 스토리지 API,트위터연동,Core Image의 필터와 얼굴인식,자동 레퍼런스카운팅!, Xcode Storyboard 기능에 관심이 가네요
• 애플이 In-App Subscription 관련해서 정책을 수정. 이제 외부가격과 같거나 더 싸야 한다는 항목이 삭제됨 http://j.mp/lDjX61 넷플릭스/훌루와의 문제가 해결될수 있겠네요
• 아이폰앱 회의록 녹음기 http://j.mp/k12k1C 회의중에 누가 언제 무슨말을 했는지 버튼으로 눌러서 체크하고,나중에 사람별로 들어볼 수 있어서 뒤에 딴 말하는 사람 혼내기 좋네요

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

• 웹 애플리케이션 공격방법중 XSS,CSRF 에 대한 설명과 이를 막는 방법을 설명한 글 http://j.mp/im0Dkw
• 반응형 웹 디자인의 미래 http://j.mp/jYxAja 빠른 로딩, HTML5 History API를 이용한 URL Design과 스마트한 부분 페이지 업데이트가 중요해질 것

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

• Tools for jQuery App 아키텍처 http://j.mp/kftAjh jQuery로 가상의 앱을 만드는데 필요한 다양한 툴 및 라이브러리 들을 정리한 109페이지 슬라이드. jQuery로 개발하신다면 꼭 참고하세요. jQuery 팀에 있는 Addy Osmani 라는 친구가 정리한 자료.
• DDActionHeaderView – 아이폰용 오픈소스 http://j.mp/jWPRcZ 메뉴에 여러개의 옵션버튼 넣을때 자동으로 늘어나는 스타일의 컨트롤. 소셜네트웍 공유버튼 배치할때 쓰기 좋을듯

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

• “It Just Works” 애플의 iCloud와 구글의 Cloud를 비교한글 http://j.mp/ipT3qz 애플이 보는 클라우드에 대한 관점을 정말 잘 설명하고 있네요
• Coding for the Cloud – 구글앱엔진 위에서 엔터프라이즈 앱 만드는 방법 http://j.mp/jlStlg 구글I/O 2011 세션 중에서
• 구글 앱엔진 Pipeline API를 이용하여 대용량 데이터 분석 하기 http://j.mp/l3LZ1f 구글I/O 2011 세션 중에서2
• MongoDB 최적화 하기 http://j.mp/jCeb4H 모바일통계 분석회사인 Localytics에서 정리한 32장짜리 슬라이드

[ 추천 글 ]

• 아이튠즈 매치, 음악산업의 새로운 후견인 http://j.mp/k2En20
• WWDC 2011 키노트에 대한 존 그루버의 평가 “구글의 프레임은 브라우저 창이고, 애플의 프레임은 스크린이다. 앞으로 10년간 이번 키노트에 대해 기억해야 할 것은 바로 이것이다” http://j.mp/kU0vDf
• 전산학 석사과정 과목들 추천 코스  http://j.mp/iW1m2z OS/P2P/분산시스템/분산알고리즘/자료구조 등의 과목들. 영어이긴 하지만 강의 자료 정리가 잘 되어있어서 활용하기 좋을듯

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