월별 글 목록: 2011년 1월월

구루의 기술뉴스 : 크롬 탭 닫기의 디테일, Eclipse Orion

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

구루의 기술뉴스 : 유용한 Web Site 140개, iOS 4.3 정리, 구글 크롬과 H.264

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

지난주에는 각 매체에서 쏟아진 2010년 각 분야 예상들을 모아봤습니다.
이번주는 140개 가량의 유용한 Web Site 들과 iOS 4.3 베타 펌웨어 및 Verizon 의 iPhone 소식, 구글 크롬의 HTML5 에서의 h.264 지원 제거가 주요 뉴스입니다.

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

  • 유용한 웹 사이트 101개 http://j.mp/ijqQnw 웹 앱이라고 부를 수 있는 다양한 사이트들.
    • Screenr.com – 정말 쉬운 방법으로 데스크탑 화면을 동영상으로 캡쳐하고 웹에 공유합니다.
    • Bounceapp.com – 웹 사이트를 캡쳐하고 그 위에 피드백을 달아 지인들과 아이디어를 공유하기 쉽게 합니다.
    • Untiny.me – 짧은 URL 들을 원래의 긴 URL 로 바꿔줍니다. API 도 제공
    • printwhatyoulike.com – 웹사이트 프린트시 필요없는 부분을 지우고 원하는 부분만 프린트 하게 해줍니다.
    • tabbloid.com – RSS 피드를 타블로이드 형태로 만들어 이메일로 배달해 줍니다.
    • join.me – 소규모 컨퍼런스 & 미팅을 위해 화면을 쉽고 빠르게 공유
    • dabbleboard.com – 온라인 화이트 보드
  • 웹 개발자를 위한 멋진 웹 앱 사이트 8개 http://j.mp/e772rk min.us / Wirify / CSS Resetr / Head JS / C&P Char / DB Designr / Web2PDF / ScriptSrc
    • min.us – 드래그 & 드롭으로 이미지 업로드
    • Wirify – 특정 웹페이지를 와이어프레임으로 만들어주는 북마클릿
    • DB Designr – 온라인에서 Database Schema 를 생성해주는 툴
  • 창의적인 사람들을 위한 웹 앱 20선 http://j.mp/fdeomk Drawing&Painting/이미지편집/비디오편집/음악생성 까지! 웹 앱의 발전이 정말 놀랍습니다
    • DeviantART Muro , Sumo Paint , Pixlr , Photoshop Express , Picnik : 웹 상에서의 그림 그리기 및 이미지 편집툴
    • JayCut , YouTube Editor : 비디오 편집툴도 이제 온라인에서 제공됩니다.
  • 구글 랩이 제공하는 웹 개발자용 툴들 9종 http://j.mp/ecsL6k
    • Gruyere – 해커들이 어떻게 보안 약점을 찾아내고, 어떻게 웹 앱을 exploit 하는지를 알려주고 그걸 막는 방법까지 설명하는 웹앱 http://j.mp/gF4gnH 소스코드도 제공
    • Browser Size – 웹사이트 위에 브라우저 크기를 알려주는 마커를 오버레이 해서 실 사용자들이 어느정도까지 보는지를 알려줍니다. http://j.mp/hv014J
  • How-I-Work : 난 이렇게 생산성 있게 일한다! 라는 분들이 자신의 개발/업무방법을 공개하는 사이트 http://j.mp/h5lmiA 아직은 맥 & 루비 쪽이 많지만 더 쌓이면 멋진 사이트가 될 듯합니다. 국내에도 이런 사이트가 있으면 좋겠네요.
  • 구글의 단축주소 서비스 goo.gl API 공개 http://j.mp/hGFcji 주소단축/확장 기능 외에 이 단축주소를 사용한 통계까지도 API로 가져올 수 있습니다.

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

  • Verizon 용 iPhone4 가 발표되었습니다. http://j.mp/htjBm5 , 2월 10일부터 판매를 시작합니다. Verizon 은 미국내 1위 이동통신사이지만 CDMA EV-DO 방식이여서 그동안 아이폰 사용이 불가능했습니다. 버라이즌이 올 한해 아이폰4 판매를 위해서 보조금 5조원정도를 준비했다는 루머가 있는데, 과연 얼마나 시장이 확대될지 주목됩니다.
  • iOS 4.3 변경사항 총정리. 스크린샷 포함 http://j.mp/gMazyG , Verizon 아이폰4에서 보여줬던 퍼스널 WiFi HotSpot 포함 및 아이패드의 락버튼을 원래대로 돌리는 설정, 아이패드에서 앱스위칭을 하기 위한 4-5핑거 멀티터치 제스쳐를 포함합니다. HotSpot 때문에 iPad 3G 의 효용성이 많이 줄것이라는 예상이 많군요.
  • 2010년 모바일 브라우저 사용통계 http://j.mp/gLhSQ4 정확하진 않겠지만 아이폰의 비중이 줄고 그외 모바일 폰들의 인터넷 사용량이 증가세
  • Mobile Perf Bookmarklet – 모바일 웹 개발자를 위한 북마클릿. 등록하면 모든 모바일 페이지에서 Firebug Lite/페이지 리소스보기/DOM몬스터/CSSess 등을 실행가능! 정말 유용합니다. http://j.mp/mperfb

[ 프로그래밍 ]

  • 다양한 화면사이즈의 플랫폼들을 동시에 지원하기 위한 Responsive Web Design 방법 http://j.mp/eWEYIJ , 모바일 웹에 디자인/개발자 분들은 필독!
  • 자바스크립트 Asynchronous 프로그래밍을 위한 서바이벌 가이드 http://j.mp/gNeis8 다양한 비동기 라이브러리들에 대한 설명이 담겨있어 비동기코딩이 필요할때 필독 포스트
  • Interact – 웹 앱에서 터치/마우스를 손쉽게 대응하기 위한 자바스크립트 라이브러리 http://j.mp/gsaJx8 화면줌할때 모바일에선 두손가락 Pinch로, 데스크탑에서는 휠로 대응
  • Multi-mechanize : 오픈소스 웹 퍼포먼스 & 로드 테스팅 프레임워크 http://j.mp/fmeOoY 파이썬으로 되어있고 Mechanize 라는 파이썬모듈을 제공하여 웹브라우징을 프로그램적으로 컨트롤가능
  • 웹 입력폼 관련 보안 처리 방법 정리 http://j.mp/h796Wp 웹사이트에서 입력폼은 보안이 가장 잘 뚤리는 곳중 하나입니다. 미리미리 대비하세요

[ HTML5/CSS/Javascript ]

  • 구글 크롬이 HTML5 Video 태그에서의 H.264 비디오 직접 지원을 제거한다고 발표 http://j.mp/hzwl5Q 이에 대해 많은 비난이 일자 다시 장문의 해명?글이 올라왔습니다. http://j.mp/i3r0qD , 이런 결정이 있게 한 이유가 Youtube 가 H.264 & WebM 동시지원 때문에 비용이 많이 들기 때문 아니냐는 포스트 ( http://j.mp/hu3ded )도 있고, 이 결정 때문에 Adobe Flash 가 회생하게 되었다는 얘기들도 많습니다. ( Flash 는 내부에서 h.264 를 기본으로 지원하기 때문 ) 이에 대해 “온라인 비디오의 이상주의 시나리오 와 현실주의 시나리오” 라는 번역 글도 한번 읽어보세요 http://j.mp/dJvA8v
  • Cloud Carousel – jQuery 용 3차원 이미지 캐러젤 http://j.mp/eph6yC 아주 멋진 효과를 보여줍니다만, 아직 모바일에서 쓰기엔 너무 느리군요.
  • HTML5 기반의 ImpactJS 웹 게임엔진으로 만든 HTML5 버전 웹 타이핑 게임 ZType http://j.mp/hZgjlk 과 슈퍼마리오 http://j.mp/ieDNLy ZType 은 꼭 한번 플레이해보세요.
  • Silk – HTML5 캔바스의 놀라운 활용 http://j.mp/gTiBSS 마우스로 클릭후 드래그 해보세요. Shift 누르면 마우스로 바람방향도 조절가능
  • 웹 게임을 위한 자바스크립트 게임 엔진 리스트 http://j.mp/hDmEL1 30개가 넘는군요
  • arbor.js – 웹워커와 jQuery 를 이용한 Graph Visualization 자바스크립트 라이브러리 http://arborjs.org/ 메인페이지 자체를 그래프로 만들었군요
  • 어디에 HTML5의 <section>을 써야하는가 http://j.mp/gPSvnF

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

  • Megastore – 구글 앱 엔진을 지탱하는 데이터엔진. Megastore는 최근의 인터랙티브한 온라인 서비스를 지원하기 위해  NoSQL의 확장성과 RDBMS의 편리함을 잘 조화 시켰습니다. 이에 대한 구글의 논문 ” Megastore: Providing Scalable, Highly Avaliable Storage for Interactive Services” PDF 파일 http://j.mp/ePdl38 이 Megastore 논문을 아마존 웹서비스팀 부사장인 James Hamilton 이 깔끔하게 요약해서 정리했습니다. http://j.mp/e3hVTd

[ 해외 뉴스 및 블로그 ]

  • VC들이 소셜커머스 업체 Groupon에 투자한 이유는 “데이터의 힘” http://j.mp/gDOC3i 어떤 분야든 데이터를 잘 활용하는 회사들이 경쟁력을 가져가고 있습니다.
  • 프리젠테이션을 만들고, 웹상에 공유하는 방법 http://j.mp/e7nKrp 키노트를 이용해서 음성까지 포함한 슬라이드쇼 동영상을 만들고 Archive.org를 통해 HTML5 형식으로 공유

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

구루의 기술뉴스 : 2011년 Trend 예상 모음

지난주부터 블로그에 공개한 저의 기술뉴스 ( GuruNews ) 입니다. 회사내에서는 11월부터 발송을 해서 10회차인데, 블로그에 공개한건 2회차입니다. 이 기술뉴스의 설명은 구루의 기술뉴스 : 2011년 첫번째 뉴스레터 를 참고하세요. 매주 월요일에 발행됩니다.

지난주에는 2010년 결산글들을 모았고, 이번엔 각 매체에서 쏟아진 2010년 각 분야 예상들을 모아봤습니다.

[ 2011년 Trend 예상 기사 모음 ]

  • Mashable 의 2011년 예상. 18개 분야 95개의 예상 http://j.mp/ee3SW1 내용이 꽤 많지만 주요 이슈들을 살펴보면,
    • {소셜 네트웍} : 구글의 소셜네트웍( 구글 +1 )은 실패할 것, Myspace 는 매물로 나올 것 , 2011년 소셜 네트웍 트렌드는 모바일 포토
    • {모바일} : 태블릿에 대한 관심 최고조, 모바일 사진공유가 동영상까지 확대, HTML5앱의 폭증
    • {스타트업} : QR코드를 비롯한 오브젝트 태깅, TV/영화등 엔터테인먼트 체크인, 비공개 LBS, 모바일 사진공유 붐업
    • {웹 개발} : 다양한 크로스 플랫폼 모바일 개발툴 출현, 클라우드 기반 협업 개발툴, 터치가 대세, NoSQL 과 오픈소스의 사용 확대
  • 2011년 눈 여겨 봐둬야 할 100가지 http://j.mp/dM1tJT 슬라이드로 표현한 100가지 아이템들인데 IT 만이 아닌 다양한 분야를 얘기합니다. 3차원 프린팅/자동차용 앱/자동 체크인/어린이용 이북/스마트폰 카메라가 일반 카메라를 대체/맥주 소믈리에?/페이스북 대체재의 출현..
  • 오픈 API 들에 대한 2011년 전망 5가지 http://j.mp/dIrSYF
    • API 들이 실시간 및 대형화
    •  개발자들의 HTML5 수용 
    • JSON 이 대세로, XML은 더 약해질 것 
    •  더욱 많은 회사들이 API 를 RESTful 기반으로 재정비 할 것 
    • API 프레임워크들이 더 많이 출현할 것
  • 2011년 웹 디자인 트렌드 http://j.mp/fU8SdK , CSS3 + HTML5 에 더욱 집중 / 단순컬러 / 모바일 / 시차 스크롤링 / 터치 대응 / 거리 감각 / 대형 사진 배경 / 특이한 도메인명 / QR코드 / 구글 인스턴트 검색을 위한 썸네일 디자인 / 라이프스트림
  • 2011년에 눈여겨 봐야할 앱 10가지 http://j.mp/hWBvnC
    • 아이패드 전용 매거진 The Daily
    •  쉬운 파일 공유 서비스 Ge.tt
    •  체크인 서비스 GetGlue
    •  로컬 추천 서비스 Bizzy
    •  아이패드용 소셜 매거진 Flipboard
    •  모바일 전용 메신저 Kik
    •  자동 체크인 & 쿠폰 서비스 ShopKick
    •  지인들간의 사진공유 앱 Path
    •  모바일 사진공유 서비스 Instagram
    •  그룹 메시징 앱 GroupMe
  • 2011년에 눈여겨 봐야할 웹사이트 10곳 http://j.mp/i9TSZz
    •  크라우드 펀딩 플랫폼 Kickstarter
    • WikiLeaks 와 비슷한 OpenLeaks
    •  소셜 인플루언서를 평가해주는 Klout
    •  항공예약에 관련된 기존의 문제점을 모두 해결해주는 Hipmunk
    • Gilt 의 Groupe
    •  페이스북에 대항하는 Diaspora
    •  정돈된 Q&A 서비스 Quora
    •  음악 스트리밍 서비스 Grooveshark
    •  백악관도 선택한 오픈소스 CMS 시스템 Drupal
    •  여전한 LBS 의 강자 Foursquare
  • 2011년에 눈여겨 봐야할 웹기술 5선 http://j.mp/gZaFaM
    •  크로스 플랫폼 모바일 프레임워크 jQuery Mobile
    •  웹 브라우저의 하드웨어 가속 
    • Node.js 와 서버사이트 자바스크립트 
    •  실시간 클릭 공유 
    • NoSQL 데이터베이스
  • 2011년의 온라인 미디어 트렌드 http://j.mp/eJYkvE
    • 클라우드 기반의 미디어 라이브러리 
    •  웹들이 더욱 읽기 좋은 형태로 진화 
    •  이북시장에서 몇몇은 사라질 것 
    •  온라인 3차원 비디오 
    •  블로그가 새로운 모습으로 진화
  • 2011년을 위한 소셜미디어 액션아이템 8가지 http://j.mp/hipFUw
  • 비즈니스 인사이더의 2011년의 모바일 엔터테인먼트 예상 5가지 http://j.mp/gFVVX5
    • HTML5 와 모바일 브라우저가 중요 
    •  모바일 소셜 게이밍이 웹 브라우저로 확대 
    •  컨텐츠 내부에서의 모바일 커머스가 확대
  • 국내 미디어인 ebuzz 의 2011년 핫 트렌드 5 http://j.mp/hqMnEH
    •  스마트폰은 듀얼코어,NFC가 이슈 
    •  태블릿PC 의 운영체제가 늘어난다 
    •  본격적인 클라우드 컴퓨팅 시대 열린다 
    • PC, CPU 가 그래픽 기능 삼킨다 
    •  발동거는 스마트 TV
  • O’reilly 의 2011년 주목할 6가지 테마 http://j.mp/fMpZKa
    • Hadoop 패밀리 ( HBase , Pig , Hive , Mahout , Flume , Zookeeper )
    •  실시간 데이터 
    •  클라우드에서 GPU 활용의 증가 
    •  페이스북에 대항하는 Diaspora 를 비롯한 P2P 기반 기술의 귀환 
    • Privacy !!
    • Javascript 언어에 주목할 것
  • 주목해야할 테크컴퍼니 8곳 http://j.mp/e6F5eG
    • 아이팟 나노 시계를 만든 디자인회사 Minimal
    • 2001년에 만들어졌지만 Digg 의 실패와 함께 재주목 받는 StumbleUpon
    • Wireless HDTV 시스템 기술을 가진 이스라엘 회사 Amimon
    • Clean & Reusable 에너지 회사 Bloom Energy
    • VoIP 의 대명사 Skype
    •  마이크로 블로깅 서비스 Tumblr
    • TV 및 미디어 시청자를 위한 추천서비스 Clicker
    • 작은 회사를 위한 Financial 서비스 inDinero

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

  • 체크인의 변화 : 로케이션 -> 컨텐츠 -> 브랜드 http://j.mp/f8CF8u , 위치기반 체크인 뿐만이 아니라 다양한 미디어 컨텐츠, 그리고 각 브랜드로의 체크인이 점점 많아질 것이다.
  • 오픈API 숫자가 2010년들어 2배로 증가했다는 프로그래머블웹의 발표 http://j.mp/fBUKnP 숫자로만 보면 소셜 API가 1등,클라우드&단축주소를 포함하는 인터넷API가 2등, 지도,검색,모바일 API 순
  • Zappos 가 제공하는 자신들의 CoreValue API http://j.mp/hdq1NV 핵심가치를 오픈API로 읽어볼수 있게 한다는 개발스럽지만 멋진 발상. 총 10개의 핵심가치
  • http://qhub.com/ Q&A 기능을 호스트 해주는 웹서비스. Rest API도 있고, 무료버전도 꽤 괜찮은 기능들 제공. 개설프로세스가 복잡해져버린StackExchange의 쓸만한 대안인 듯
  • 알카텔-루슨트 & 프로그래머블 웹 이 진행했던 “100 Apps In 100 Days”의 수상작들 http://j.mp/fGQph2 이동통신사가 OpenAPI를 제공하여 할 수 있는 것들을 보여주는 좋은 사례
  • http://facto.me/ 자신에 대한 진실을 공유하는 웹 서비스 , 자신을 아는 사람들에게 자기를 3단어로 표현해 달라고 얘기하는 웹서비스 http://threewords.me/ 이 두 개의 서비스를 보면 최근 웹 서비스들에서 개인의 Privacy 를 어떻게 Social 과 연결하는지를 볼 수 있는듯 합니다.
  • Gmail 의 Priority Inbox를 구성하는 사용자별 통계모델 학습 알고리즘에 대한 논문 http://j.mp/eQ7JNo
  • 웹 API 디자인을 위한 팁 4가지 http://j.mp/fpcLgE

[ 모바일 – 아이폰 / 안드로이드 / 블랙베리 ]

  • 하이브리드 앱을 아시나요 http://j.mp/gurXYY
  • “Tablet 마켓은 실제로 없다“ http://j.mp/ewMROj 아이패드로 대표되는 타블렛 시장이지만, 이건 단지 아이패드만을 위한 것이지 다른 타블렛 마켓은 없는 것이나 마찬가지라는 이야기. 안드로이드 기반의 갤럭시탭이나 모토로라 XOOM, 블랙베리 타블렛, HP 의 PalmPad 등의 새로운 타블렛이 정착하기 위해서는 하드웨어 뿐만이 아니라 소프트웨어적으로도 완성되어야 하고, 또한 완벽한 에코시스템을 갖춰 야할 것. 예를 들어.. 윈도우 와 맥을 위한 싱크지원/결제시스템/음악&영상 컨텐츠배급/SDK와 개발환경/다양한 앱&게임/악세사리.. 등 애플이 이미 아이팟/아이튠스/아이폰을 통해 구축된 시스템들이 있었기에 이렇게 기반을 다질 수 있었던 것인데, 과연 다른 타블렛들도 그런 에코시스템을 가질 수 있을지에 대해서는 의문스럽다는 Instapaper 창업자 Marco Arment 의 글
  • 웹상에서 iPad 오리엔테이션에 따라 다른 CSS 적용하기 팁 http://j.mp/eX9KOe
  • 아이패드용 잡지가 살아날 방법 “iPad Publishing : time to switch to v2.0” http://j.mp/gAzp4D 애플포럼 casaubon 님의 번역글
  • 블랙베리 PlayBook 의 웹 브라우징 시연 비디오 http://j.mp/exzvwb , Engadget 의 핸즈온 프리뷰 http://j.mp/fAjKP4
  • 구글이 직접 공개한 안드로이드 3.0 Honeycomb 프리뷰 동영상 http://j.mp/h2xk25 “완전히 타블렛용으로 제작되었다” 라는 문구가 인상적이군요
  • 아마존이 올해 오픈할 아마존 안드로이드 앱스토어를 위한 개발자포탈 오픈 http://j.mp/gnpPjo 개발자등록비 $99 애플과 마찬가지로 앱 검수후 등록하는 형식
  • 타블렛들이 넘쳐나는 CES에서 배운것 – “당신의 타블렛이 iPad와 경쟁할 방법은?” http://j.mp/epOCjR 대체로 공감가는 재미난 기사
  • 자바스크립트와 CSS3 로 만든 iPad Simulator http://j.mp/grNFTH

[ 프로그래밍 ]

  • CoffeeScript 1.0 발표- 컴파일하면 자바스크립트 코드가 나오는 루비&파이썬 문법에서 영향받은 스크립트언어 http://j.mp/f39wdN 재밌게 코딩하게 해주고 성능도 괜찮아 GitHub에서도 떠오르는 스타
  • 대형 jQuery 웹앱 개발을 위한 팁 http://j.mp/g1bH5k 의존성관리/자바스크립트MVC/템플릿/모듈간통신/빌드 프로세스/테스팅까지 총망라. jQuery기반 웹사이트를 만드신다면 필독!
  • Zombie.js – 웹앱 테스트를 위해 node.js에 모듈을 추가하여 Headless 브라우저로 사용하는 테스팅 프레임워크 http://j.mp/eGXIcP 이젠 node.js가 웹사이트 테스팅용으로!
  • WebKit 브라우저의 Image Mask 기능을 이용하여 Image Wipe 효과 구현하기 http://j.mp/gsho62 아이폰에서도 잘되는군요. 데모사이트 http://j.mp/hAMmXX
  • ELCTextFieldCell – 아이폰 TableView 에 입력 Form 개발시 유용한 입력 셀 클래스 http://j.mp/eCiYX6
  • Coverstory – 맥 XCode로 개발된 코드의 유닛테스트 커버리지를 쉽게 볼수 있도록 도와주는 UI http://j.mp/g8l8Xm
  • 더 좋은 Find & Replace UI 를 찾아서 http://j.mp/hpp2Se 내용을 가려버리는 팝업창에서 인라인 형태로의 변화

[ HTML5 / CSS3 / Javascript ]

  • Sencha팀이 작성한 2011년 HTML5 위시리스트 http://j.mp/ggiZ3U 많이 이루어져서 웹개발자가 편한 세상이 오길
  • HTML,CSS,자바스크립트로 웹에 구현한 윈도우즈 3.1 http://j.mp/eUVQ8C 꽤 리얼하군요
  • 웹표준 커뮤니티인 ClearBoth에서 한글화한 HTML5 표준 스펙 http://j.mp/eXa5Qq
  • 네이버me 에 HTML5 와 CSS3 적용기 http://j.mp/hpJS8q 국내에도 이런 사례들이 자꾸 공개되어야 다른 기획자/개발자/디자이너 분들이 쉽게 익숙해 질것 같습니다
  • HTML5를 이용한 이미지 업로더 개발방법 http://j.mp/i0ilR5
  • 자바스크립트로 만들던 효과들을 순수 CSS 로 교체하기 32가지 예제 http://j.mp/geYXbv 버튼/드롭다운/폼/탭/네비게이션/프로그레스바.
  • Selectivizr – IE 6-8 에서 CSS3 를 에뮬레이트 해주는 자바스크립트 유틸리티 http://j.mp/eW41Y7

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

  • 넷플릭스가 자사 데이터센터에서 AWS(아마존웹서비스) 로 옮기면서 배운 5가지 교훈 http://j.mp/hcHAYu 클라우드를 도입하려는 회사들이 읽어보면 좋을듯
  • 페이스북이 대용량/고성능 시스템에서 빠른 메모리 Allocation/Deallocation 을 위해서 jemalloc을 어떻게 확장했는지를 설명하는글 http://j.mp/hoVjRs jemalloc 이름은 만든 친구 이름이 Jason Evans 여서 그런건데.. 이 친구도 페북에 있군요. 윈도우즈의 malloc 구현이 그다지 성능이 좋지 않아 메모리를 많이fragment 시키는 바람에 모질라 파이어폭스 3 윈도우즈 버전에서도 사용되고 있습니다. 모질라버전의 jemalloc 이 윈도우용으로는 유일한 코드입니다.
  • 구글 앱엔진이 데이터 스토어에 Paxos 알고리즘을 사용하여 좀더 높은 가용성을 보장하는 High Replication Datastore 옵션을 제공시작 http://j.mp/eKi9jt 물론 가격도 3배..
  • Web App을 Multi-Tenant SaaS 솔루션으로 바꿀때 고려해야 할 것들 http://j.mp/eYIZWF SaaS 클라우드에서 멀티테넌시는 기본!

[ 해외 뉴스 및 블로그, 기타 읽을거리 ]

  • Quora에 올라온 인포그래픽(IG) 과 데이터 비주얼라이제이션(DV)의 차이 http://j.mp/gjTFxO 베스트답변은 IG는 스토리를 말하거나 답변을 하기 위한것, DV는 자신의 스토리를 만들거나 답변을 찾게하는것
  • 데이터베이스 개발시 개발자들이 주로 하는 실수들 http://j.mp/eY3Yl1 데이터베이스 관련 코드 개발 전 꼭 읽어보세요
  • 2011년에 지구상의 인구가 70억명 돌파. 이에 대해 내셔널 지오그래픽이 만든 3분짜리 모션 인포그래픽 http://j.mp/fsqWDl 우리에게 필요한건 “Balance”
  • 대한민국에서 게임 심의 받기 http://j.mp/ibQZIw 읽는내내 가슴이 답답합니다

여기 까지 입니다. Trend 예측관련 기사에다가 CES 때문에 이런저런것들이 발표가 되서 많아서 양이 좀 많았습니다.
그나저나 반응이 좋으면 계속 하려고 했는데.. 호응이 많지 않군요. DTL .. 피드백 환영합니다!
제 블로그를 RSS리더에서 구독하시거나 , 제 블로그를 이메일로 구독하실수 있습니다.

구루의 기술뉴스 : 2011년 첫번째 뉴스레터

제가 작년에 KTH 파란닷컴으로 직장을 옮기면서 새로 하고 있는 일중 하나가, 예전에 회사에서 취미삼아 운영했던 기술뉴스 발행입니다. 제가 트위터를 통해서 공유하는 IT/개발 관련 정보들과 좀더 다양한 분야의 기사들에 조금 더 살을 붙여서 KTH 전직원들과 공유하고 있는데요. 올해 저희 회사의 개발자 포털이 열리면 그쪽에도 같이 공유를 하려고 합니다만.. 그전에 베타테스트 형태로 사내에 보냈던 올해 첫 기술뉴스 메일을 블로그에 공개해 봅니다.

회사내에서의 정식 뉴스레터 명칭은 “KTH AG ( Architects Group ) 기술뉴스” 이구요.
AG는 KTH 내부의 아키텍트 ( SW 뿐만 아니라, 디자인/비즈니스 까지 포함 ) 들이 모인 조직입니다.

엄청 대단한 내용도 아닌도 서론이 길었네요. 아래부터 뉴스레터입니다. 꼭 기술전문뉴스라기 보다는 웹에서 얘기되는 다양한 분야의 뉴스/블로그 포스트 들을 다룹니다.

[ 2010년 Top List 글 모음 ]

  • Fimoculous.com 에서 제공하는 2010년의 Top 리스트 http://j.mp/e1WRn6 광고/도서/영화/게임/음악/사진/여행/TV/비디오등 37개분야 170개가 넘는 Top 5/Top 10/Top30 등의 리스트로 되어있습니다. 영어권 자료이긴 하지만 챙겨서 볼만합니다
  • 국내 유명 블로거인 @inuit_k 님이 매년 추천하는 올해의 책 Best 5 http://inuit.co.kr/2038 2010년을 결산하는 책 5권을 추천합니다. 행복의 지도/프리/생각의 속도로 실행하라/게으름에 대한 찬양/소유의 역습, 그리드락 까지 이렇게 다섯권입니다. 2006년부터 5년째 진행중인 리스트구요. 예전 추천도서들도 참고하시면 좋습니다.
  • 뉴욕 타임스 제공 “100 Notable Books of 2010” http://j.mp/dVe7VS
  • Yes24가 제공하는 네티즌 선정 2010년 올해의 책 http://j.mp/dPDpeN
  • 인생을 살아가는 방법과 GTD를 통한 생산성 향상에 대한 다양한 글을 제공하는 Lifehack.org 의 2010년 결산 Best 100 http://j.mp/hRPJ5g
  • Slideshare Zeitgeist 2010 – 프리젠테이션으로 보는 Slideshare.com 의 2010년 통계. 그리고 전체/비즈니스/테크놀로지 분야별 Top 5 프리젠테이션들 http://j.mp/dOvpHf
  • 2010년 Web Development 이슈 Top 8 http://j.mp/e4fTGD
  • NetTuts+ 팀이 작성한 2010년의 웹 개발 하이라이트 150선 http://j.mp/dKmQ3n
  • 2010년 최고의 인포그래픽 19개 http://j.mp/ij7VBo : 2010년은 정말 다양한 인포그래픽으로 손쉽게 데이터를 볼 수 있었던 한 해였습니다.
  • jQuery 를 이용한 멋진 웹사이트 데모와 코드 2010년 결산 by Smashing Magazine http://j.mp/f9Cm7B
  • 2010년 최고의 CSS3 튜토리얼 및 테크닉 38개 http://j.mp/fzLfbV
  • TutorialShock 이 제공하는 2010년 최고의 웹&디자인 튜토리얼 모음 http://j.mp/i8SAtC
  • Instapaper 를 통해 저장해두고 읽어 볼만한 글들을 추천해주는 Give Me Something To Read 의 2010년 베스트 글 14개 http://j.mp/idxeb1

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

  • 당신의 웹사이트의 Focus 는 무엇인가요? 훌륭한 웹사이트는 모두 포커스를 가지고 있습니다 http://j.mp/ecdEPg 친절한 스크린샷으로 예를 들어 설명한 좋은 글
  • URL 디자인에 대한 상세한 가이드 http://j.mp/gKt1rQ 국내 사이트들의 URL 구성은 너무 복잡한 게 사실입니다. 간결한 URL을 사용하는 것이 시대의 대세

[ 프로그래밍 ]

  • Less Framework 3 – 미디어쿼리를 이용해서 여러 디바이스에서 호환되는 CSS 그리드 시스템. 화면크기에 따라 3/5/8/13 컬럼 레이아웃 제공 http://j.mp/gqXewJ
  • emscripten – LLVM 비트코드를 자바스크립트로 컴파일하는 오픈소스 컴파일러. Python과 Lua 로 만든 코드가 브라우저에서 실행되는 데모 http://j.mp/gpQ7P6

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

  • 스탠포드에서 만든 무료이북 “Mining of Massive Datasets” 300페이지 가량의 PDF 파일 : 대용량 파일시스템, MapReduce, 유사 아이템 검색, 데이터 스트림 마이닝, 링크분석, 클러스터링, Web 광고 시스템 , 추천 시스템등에 대해서 다루고 있습니다. 내용도 내용이지만, 카피라이트 경고문이 일품입니다. “많은 사람들이 책 내용을 불법으로 가져다 쓰는걸 알고 있으며,이런걸 알아내는 방법을 3장에서 소개한다” http://j.mp/hJFvFZ
  • Salesforce.com 이 클라우드 기반의 데이터베이스 서비스 http://www.database.com/ 오픈. 클라우드를 통한 보안/백업/확장 지원 및 REST,SOAP & OAuth 기반의 Open API 제공 및 자바개발자를 위해 JPA ( Java Persistence API ) 도 제공. 웹 상에서 스키마 디자인이 가능한 GUI 에디터 지원. 커맨드라인 에디터도 지원. 쉽고 편한 모니터링 인터페이스 제공. 3명의 사용자 / 10만개 레코드 / 월 5만 트랜잭션까지는 무료. 10만개당 $10달러 , 15만 트랜잭션당 $10 달러로 가격이 책정되었습니다.

[ 해외 뉴스 및 블로그 ]

  • 어떻게 경쟁상황을 도표로 표현하는가 http://j.mp/gpEgon 포스퀘어의 경쟁자인 페북/구글/옐프/고왈라/야후..등을 한 도표위에 그리는 걸 예로들어 설명했네요. 경쟁서비스와 비교를 할 때 참고할만한 포스트 입니다.
  • 지난 10년간 배운 30가지 컴퓨터관련 교훈 http://j.mp/f94pbo

여기까지 입니다. 올해 첫 메일이라 휴가기간과 겹쳐 원래 중점인 모바일 & HTML5 뉴스 들이 많이 없어 그 부분은 빠져있구요. 2010년을 결산하는 리스트들을 좀 정리해서 적어봤습니다. 회사내에서는 매주 월요일마다 발행되고 사내메일로 발송됩니다만, 신년을 맞아 제 블로그에도 2-3회 연재해볼까 합니다 ^^;; ( 호응이 좋으면 조금 더 연재할수도.. )

구루의 2011년 예상 : The Year of Web Apps

제가 FutureCamp 2010 에서 발표한 자료입니다. FutureCamp 는 자신의 관점에서 미래를 전망해보는 Un-conference 입니다. 누구나 자신이 생각하는 미래에 대한 발표를 할수 있는 자리인데요. 2010년엔 년말에 진행되어서 2011년을 예상해보는 형태로 진행되었고, 저는 2010년에 계속 얘기를 해왔던 Web Application 의 미래에 대해서 발표를 했습니다.

2011 is the year of Web Apps

발표내용을 요약해 보면..

2010년은 HTML5 의 해 였습니다. 물론 HTML5가 2010년에 갑자기 발표되거나 한건 아니지만, 2010년에 들어와서 다양한 경로를 통해 언급되며 폭발적으로 저변이 확대되었습니다. 아이패드 발표후에 나왔던 스티브잡스의 “Thoughts on Flash” 글은 물론, 애플/MS/구글 등 각 업체를 통해 HTML5 에 대한 지지 선언 및 데모사이트들이 발표되었습니다.

HTML5 는 Web App 에서 Desktop 수준의 App 을 구현하는것“을 가능하게 합니다. 즉 Web App 으로 가는 필수요건이고, 또한 IE 6/7/8 이 버티고 있는 데스크탑과 달리 현재 주로 사용중인 모바일 디바이스에서는 거의 지원되고 있기때문에 모바일에서는 즉시 사용이 가능합니다. 모바일에서 HTML5 가 주목받는 이유는, 현재 모바일 기기 들을 위한 앱 개발이 너무 Fragmented 되어 있기 때문입니다. 아이폰/안드로이드만 보더라도 Objective-C,Java 로 언어가 다르고, 그 외 Bada,블랙베리,Symbian,Meego 등등의 다른 모바일 폰용 개발 환경들은 말할 것도 없습니다. 또한 2010년 가장 핫 이슈였던 타블렛기기들도 아이패드/갤럭시 탭을 비롯해서 안드로이드 3.0 허니컴이 탑재된 모토롤라 XOOM(가칭) 타블렛 , 블랙베리의 PlayBook , HP 의 WebOS 타블렛 등 올해는 경쟁이 더욱 치열해 질것입니다. 이렇게 다양한 기기를 동시에 지원하는 앱을 만들기 위해서는 HTML5를 이용한 Cross Platform Web App 이 가장 탁월한 선택이기 때문입니다.

그래서 2011년에 주목할 만한 이슈들을 몇가지 정리해 보면..

  • Web App Stores
  • Device API
  • Hybrid & Cross Platform

을 큰 아이템으로 볼 수 있을것 같습니다.

구글의 Chrome Web Store 는 이미 오픈되어, 다양한 웹 앱들이 등록되고 사용되고 있습니다. 이 앱들은 iPadification 이라는 용어처럼 우리가 iPad 에서 봤던 UX 를 비슷하게 제공하고 있습니다. 또한 Mozilla 역시 Open Web App Store 라는 이름의 웹 앱스토어를 올해 열 것으로 기대가 되고 있습니다. 그리고 GetJar 역시 다양한 모바일앱부터 모바일웹앱을 지원하는 멀티플랫폼 앱 스토어로 최근 HTML5 버전으로 런치된 Zinga 의 Mafia Wars 를 홍보하기 시작했는데요. 이를 시작으로 다양한 Web App 들이 공개되는데 힘을 실어줄 것입니다.

또한, 한참 논의 되었던 WAC ( Wholesale Application Community ) 는 작년 9월에 Waikiki API 베타출시를 기점으로 올해 2월 MWC 에서 첫 Demo 가 보여지고, 5월쯤에는 WAC 이 탑재된 모바일 기기들이 출시될 것으로 예상됩니다. WAC은 Device API 라고 일컬어지는 모바일 디바이스 내부의 기능들을 웹과 연동하는 API 를 제공하여, 웹 앱내에서 스마트폰의 카메라/갤러리/연락처/일정/파일 등에 접근하게 가능하게 해줌으로서 모바일 웹앱들이 좀더 기기 친화적인 형태를 가지게 될것입니다.

그리고 이미 많이들 사용중인 Hybrid 형태의 Cross Platform Web App 개발툴들도 다양해진 타블렛을 지원하는것이 필요해지면서 점점 더 활성화 될것으로 기대됩니다. 기존 외산툴인 Phonegap 외에 제가 몸담고 있는 KTH 에서 공개할 Appspresso , ETRI 의 HyWAI 등 국산 하이브리드 환경들도 많이 활성화 될것입니다. 모든 앱들이 Hybrid 로 개발되는것은 아니겠지만, 앱스토어에서의 판매를 목적으로 하거나 Device 기능들을 좀 더 활용하기 편하게 하는 용도의 앱은 점점 증가할것으로 기대됩니다. 앞서 얘기했던 WAC 의 경우 아이폰/아이패드와 같은 iOS 디바이스에는 탑재가 불투명 하기 때문에 WAC 호환 앱들의 경우에는 안드로이드나 피쳐폰은 직접 폰에서 지원을 하고, 아이폰은 하이브리드 프레임워크를 통해서 지원하는 방향이 유지될 것으로 보입니다.

개인적인 예상을 적어봤지만, 이미 가속화 되고 있는 부분들이 많아서 아마 거의 그대로 이루어질것이라고 자신있게 예상해봅니다 😉 물론 올해는 아마도 HTML5 와 모바일 환경에 관련해서 더욱 많은 예제와 웹앱 프레임워크/라이브러리 들이 쏟아져 나와서 웹 개발자들이 더이상 똑같은 바퀴를 만드는 일을 줄여줄거라고 생각하구요. 올해는 정말 많은 웹 개발자들이 모바일 웹앱 개발로 많이 넘어오게 되는 기념비적인 해가 될것이라고 생각합니다.

2011 will be the year of web apps!