[ 추천글 ]

• Welcome to the Jungle 무어의 법칙은 끝났다! 하드웨어 발전방향을 빼곡히 짚은 초 강추 포스트. 또한 이와 연결해서 지금 소프트웨어 개발자들은 어떤 것에 주목해야 하는가 부분을 꼭 읽어두세요.
• http://foundation.kr/ – 유명한 해외 창업자들과의 인터뷰를 만나보세요. 트위터 Jack Dorsey, 포스퀘어 Dennis Crowley , 인스타그램 Kevin Systrom 등 현재까지 16명 인터뷰
• 왜 소프트웨어 개발 기간에 대한 예상은 항상 틀리는것인가! Engineering Management: Why are software development task estimations regularly off by a factor of 2-3? 지금까지 본 것중 가장 명쾌한 답변

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

• 트위터 Bootstrap 2.0 발표  반응형디자인 지원으로 타블렛/스마트폰등 거의 모든 브라우저 지원(IE7이상). 점점 더 쓸데가 많아지는군요. Twitter Bootstrap 용 버튼 생성기 도 참고
• Raphaël JS 로 만든 벡터 아이콘 182종 확대해도 보기좋고, 각종 효과를 주기에도 좋군요. MIT 라이선스
• 모든 워드프레스 사이트에 써야할 필수 Snippet 7종
• 현재 프로그래머블웹에 등록된 스토리지 API 가 총 76가지 레드오션이라고 볼수도 있고, 어떤 포지셔닝이냐에 따라 블루오션을 찾을수도 있을것

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

• Android Strict Mode 활용 가이드 안드로이드 개발시 Strict Mode는 옵션이 아닌 필수사항입니다. 앱의 성능개선을 위해 꼭 사용해보세요!
• 안드로이드 ICS 의 새로운 Social API
• 메뉴버튼 안녕 Say Goodbye to the Menu Button 안드로이드 허니컴&ICS 에서는 메뉴버튼 대신 Action Bar
• iOS와 Android를 위한 페이스북 SSO Best Practices

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

• The Edge of HTML5 HTML5 관련 최신 기술변경사항들을 정리한 슬라이드. 올해 1월까지의 사항들이네요.
• What’s New in HTML5 Media HTML5 미디어 관련 기술 최신정리 슬라이드. Media Capture / Web RTC / Web Audio API
• 크롬 V8 자바스크립트엔진을 C++ 어플리케이션에 임베딩하기 , JavaScriptCore 나 SpiderMonkey 를 대체하기에 딱 좋군요. Lua 대신 JS로 애드온을 만드는 게임도 나올수 있을지 궁금
• 자바스크립트 어플리케이션 스케일링하기 세개의 비디오 세션. “중소규모 앱을 위한 아키텍쳐/모듈라코드 작성하기/대규모 개발을 위한 패턴들”
• HTML5 & CSS3 컨트롤 스니펫들 콤보박스/달력/프로그레스바/노티바 & 뱃지 / 네비게이션 메뉴 2가지
• Mozilla 의 WebAPI 개발자들이 W3C DAP 쪽에 참여하기로 결정 처음 발표시에 이런저런 말들이 있었는데, 좋은 방향으로 가는듯 하군요
• PHP vs Python vs Ruby 인포그래픽 저의 평가… 셋중에 하나만 알아도 생산성 증대, 두개 알면 세상이 편하고, 셋다 잘하면 몸값이 오르겠죠..
• 차세대 웹어플리케이션을 위한 도구들 고속자바스크립트 엔진들과 Workers / River Trail / WebCL. 첫글이라 개념 소개만, 다음글이 더 기대됩니다.
• ShareJS – 전 구글웨이브 엔지니어가 만든 실시간 멀티유저 협업 편집가능한 서버와 라이브러리. 라이브위키등 사용처가 정말 많을 듯 합니다.
• 자바스크립트에서 읽을수 있는 각종 파일 포맷 용 라이브러리 링크 모음  PNG/JPG/GIF/BMP/SVG/WebP/Flash/PDF/HTML/Audio/MP3/Java/PSD/Zip

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

• Astyanax – 넷플릭스의 Cassandra 자바 클라이언트를 오픈소스로 공개. Hector를 리팩토링. 에러처리 및 응답속도 개선. 훌륭한 API제공
• Node.js용 Amazon DynamoDB 바인딩 DynamoDB 발표된지 얼마 되지도 않았는데.. 모듈나오는 속도는 Node쪽이 최강이군요. 요즘 핫이슈라는 위상을 보여주는듯

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

• 안드로이드를 싫어하는 이유 by MG Siegler “‘오픈’은 납치되고 왜곡되어 진실의 어두운 면을 포장하는데 쓰이고 있다” “해리포터가 자라서 볼드모트가 된..”
• Android를 위한 변명 @ji5 님이 구글과 제조사, 이통사에게 바라는것을 정리한 글
• http://t.co/wJA7kEWz 안드로이드는 오래동안 큰 역할을 하게 될것이며, 파편화로 안드로이드가 더 커질것이다. 구글은 파편화로 인해 안드로이드에 대한 제어권을 잃었다.
• 구글폰에 대한 오해와 진실 “앞으로, Nexus One / Nexus S / Galaxy Nexus 등의 구글폰은 레퍼런스 단말이라고 부르지 않았으면 좋겠습니다.”
• iOS 게임 개발 ( 인디 ) 의 현실. 돈과 앱스토어에 대한 숫자들 지금까지 본 Post-mortem 중 가장 훌륭하네요. 다른 분석들에 대한 링크까지 가득가득. 꼭 게임에만 적용되는건 아닐듯
• Vim for iOS – Vim 20주년을 기념해서 iOS로 포팅! 아이폰/아이패드 유니버설인데 무료. 소스코드까지 전체 GitHub에 공개. 중요한 ESC는 백슬래쉬로 매핑되어있습니다. Vim for iOS 의 소스코드 Github 주소 https://github.com/applidium/Vim Vim 7.3버전을 포팅한거군요

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

• Pinterest, 소셜 컨텐츠 큐레이션 번역된 댓글에도 좋은 내용이 많네요. 어쨋든 큐레이션이 대세라는것에 동감. 하지만 콘텐츠에 따라 표현방식은 매우 다르겠죠
• TCP를 빠르게 합시다 인터넷을 빠르게 만들기 위한 구글의 제안. IW=10/RTT=1s/TFO사용/PRR사용
• 트윗은 여전히 흘러야 합니다 최근에 논란이 된 트위터의 차단 논란에 대해 공식 공지를 번역 요약한 글.  #TwitterBlackout
• 페이스북 타임라인은 비정규화의 힘 어떻게 6개월만에 만들었을까. 기존인프라활용/용도에 맞게 데이터를 비정규화/숏텀&롱텀 캐쉬/타임라인 어그리게이터를 통한 로컬작업 수행/병렬화된 개발

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

• CSSRefresh – 웹사이트 개발중 CSS가 변경되면 자동으로 재로드 해주는 작은 자바스크립트 파일. XHR로 수정시간을 체크하므로 서버기반에서만 작동됨
• Trello의 테크스택 소개 , CoffeeScript / Backbone.js / Mustache / Socket.io / Node.JS / HAProxy / Redis / MongoDB 요즘 뜨는 기술 집합체로군요
• JSDev – 더글라스 크록포드옹이 개발하신 자바스크립트 개발용 도구. 실제 코드에 영향 없도록 코멘트에 넣은것을 실행가능한 형태로 바꿔주는 프리프로세싱 방식
• Resumable.js – HTML5 파일 API와 자바스크립트로 구현된 안정적이고 끊어졌다가도 이어서 전송 가능한 다중 파일 업로드 라이브러리. FF 4+ 와 크롬 11+ 에서 사용가능
• http://html5please.us/ – 현재 HTML5 의 특정 기능들을 써야할지, 말아야 할지, 사용하되 조심해야 할지, Polyfill 로 써야할지를 알려주는 사이트. 깔끔하군요
• Client-Side 템플릿엔진 18종 비교 15항목 비교로 최종4개 구글클로저/Mustache/Handlebars/dust.js 를 뽑고 링크드인이 자신들 엔진으로 선정한건 dust.js
• 자바스크립트 MVC 프레임워크 탑10 리뷰 UI 바인딩/뷰 조합/웹 프리젠테이션 레이어/호환성 등 4개주요 피쳐로 비교하여 장단점 정리. 이 친구의 최종선택은 Ember.js
• AMD is the Answer , AMD is Not the Answer 자바스크립트 AMD(비동기 모듈 정의) 에 대한 두가지 시선

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

• MongoDB on AWS 아마존이 직접 만든 AWS상에서의 NoSQL 사용에 대한 화이트페이퍼. 다음단계/관련해서 볼 문서들까지 말미에 잘 정리되어 있네요.
• Amazon DynamoDB 소개 by Werner Vogels 올해는 정말 NoSQL의 해가 될듯
• SimpleDB, DynamoDB 와 Cassandra 에 대한 생각들 SimpleDB에서 카산드라로 옮겨간 넷플릭스가 다이나모DB로 옮길것인가에 대한 대답
• AWS Storage Gateway – 아마존이 발표한 기업용 클라우드 스토리지 서비스. VM형태로 다운받아서 로컬데이터센터에 설치후 AWS로 백업지원 및 EC2로의 마이그레이션등을 지원
• 2012년의 NoSQL 현황 – 지난3년간, 그리고 앞으로의 변화에 대해 적은 글. 다소? 편향적이긴 하지만 읽어볼만 합니다.
• AWS에서 오토 스케일링하기 넷플릭스의 경험과 툴, 통계들을 공유하는 글. “Scale up early, Scale down slowly”
• The Little Redis Book Redis를 소개하는 29페이지 무료 e북, The Little MongoDB Book 에 이어 두번째
• BitTorrent로 Solr 인덱스 복제 가속하기 Etsy에서 검색서버 슬레이브/마스터간 인덱스 복제를 HTTP에서 빗토렌트로 바꾼 사례

[ 추천글 ]

• 대한민국 소프트웨어 산업의 문제 @websphere74 님이 그려주셨습니다. 정말 멋진 도표네요. 문제를 바로 아는것이 해결의 시작입니다.

[ 추천글 : Open & Share ]

• The Power Of Open 개방과 공유가 가지는 힘에 대한 이야기들. 많은 분들이 한글화에 참여해 주셨네요. PDF로 다운로드 가능합니다.
• Share에 대해 한번 정리해 봅시다 + 여담 게이오대 법학부 4학년 @d_ringo 님의 슬라이드를 @5wlim 님이 깔끔하게 번역정리! 공유(Share)에 대한 멋진 자료. 공유에 대한 개념을 알고, 실제 어떤 서비스들로 형상화 되는지까지 알아볼 수 있는 자료입니다.
• Etsy의 성공에 담긴 이야기 The Etsy Saga: From Silos To Happy To Billions Of Pageviews A Month 3명->250명, 6년만에 월10억PV. 작은 변경단위/개발자가 QA/DevOps팀 등.. “Open & Trusting” 이 성공의 비결
• 애플의 NeXT이후 15년 그 예전 넥스트스텝의 개발툴이었던 인터페이스빌더는 아직도 XCode와 함께하죠. Objective-C 역시

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

• StreetEasy가 구글맵을 버리고 다른지도로 옮긴 이야기 Good bye, Google Maps… thanks for all the fish 역시 OpenStreetMap/Leaflet을 활용. 꼭 구글맵의 유료화비용때문은 아니고 자체맵을 가지고 싶었다고..
• StreetEasy/Nestoria 사례에서 보듯, 구글맵 유료화 때문에 2012년은 OpenStreetMap 의 해가 될거라는데에 약간 동의. 갑자기 유행처럼 번지는듯. 물론 해외만
• SEO 플래닝 템플릿 간단한 엑셀파일. 페이지이름/키워드1/키워드2/페이지타이틀/URL/메타데스크립션/헤딩/이미지파일이름/이미지ALT태그. 이것만 다 적어도 기본SEO는 완료
• 디자이너를 위한 구글어낼리틱스 필수 팁 5가지 바운스레이트/랜딩페이지/Funnel Path/모바일/세그멘팅. 꼭 디자이너뿐만 아니라 기획자/개발자도 꼭 알아야할 것들

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

• Funf – MIT가 공개한 안드로이드용 오픈소스 센싱 프레임웍. 모바일기기의 모든 센서정보(30+개의 Probe들)를 계속적으로 저장해서 트래킹&분석 가능
• 우리가 Mobile Device API에게 원하는건 The crazy history of unusable mobile APIs WTAI같은 미래& BONDI같은 깔끔한구조& WAC처럼 포괄적인& DAP처럼 훌륭한& WebAPI처럼 애자일하고& Phonegap처럼 진짜 사용 가능한 것
• 구글이 공개한 안드로이드 UI 디자인 가이드

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

• Sencha의 HTML5 위시리스트 2012 HTML Media구현 / HTML5 audio 품질향상 / 향상된 오프라인 캐슁 / Web Intents / Web GL / IndexedDB / 기기별 적절한 이미지 사이징 / Contacts API / 백그라운드서비스 / 향상된 모바일 브라우저 디버깅.

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

• Realtime Analytics for Big Data : 페이스북 케이스스터디 나티샬롬 아저씨의 한시간짜리 강연.

[ 추천글 ]

• 어떻게 넷플릭스는 혁신을 지원하는 문화를 가진 조직을 만들었나 How Netflix gets out of the way of innovation 아래에 간단하게 요약해 봤습니다.
  • “남들이 보통 비즈니스에서 하는 일들을 하지 않는 조직”
  • 따라하지 말라는 글쓴이의 경고대로 이런 조직을 만들기는 쉽지 않을 듯.
  • 오직 한개의 프로덕트 라인 : 큰일 하나만 선택해서 잘하도록, 우린 영화와 드라마를 사랑하는 모든 사람들을 고객으로 본다. 이것만으로도 엄청바쁘다.
  • 여러개의 장소/국가가 아니라 한곳에 모여서 일한다 : 빠른 커뮤니케이션
  • 회사를 사지 마라. 문화를 해친다. 차라리 좋은 사람만 빼오고 그 회사가 하던 일을 멈춰라.
  • 쥬니어/인턴/졸업생을 뽑지않는다. 혁신적인 문화를 위해서는 관리공수를 줄이는게 중요하다. 관리할 필요가 없을정도로 좋은 엔지니어만 비싸게 주고 뽑아라.
  • 아키텍쳐리뷰 그룹 이나 코딩 스탠다드가 없다. 엔지니어들은 “자유롭지만 책임을 진다.”
  • ITops ( 운영팀) 이 없다. 개발자가 자신이 만든걸 운영한다. 모두 자신의 전화가 긴급전화로 등록되어있지만, 전화가 안오게 만든다. 바보개발자가 운영자를 탓하거나, 바보 운영자가 개발자를 탓하는 일은 없다. 단 한개의 개발조직이 있고 그들이 AWS 기반에서 모든걸 다 운영한다.
  • 100대 또는 1000대의 서버에 디플로이할때 물어볼필요가 없다. 뭘 수정했는지 티켓만 기록하고 직접 내부포털시스템을 이용해서 디플로이한다. 개발자들이 그들의 코드를 운영하도록 훈련시킨다.
  • 중앙관리되는 푸시사이클이 없다. 코드를 디플로이할때 다음 차례를 기다리지 않는다. 각 팀에서 직접 릴리즈 스케줄을 관리하고 새로운 코드들을 종종 반영된다. 각 팀이 인터페이스의 변경 또는 의존성에 대한 책임을 진다. “자유와 책임”
  • 산출물 만을 관리하는 프로젝트 매니저가 없다. 라인 매니저는 리소스를 소유하고 직접 관리한다. 채용하는데 뛰어나야 하며, 기술적으로도 뛰어나서 그 팀이 하는 일에 대해 아키텍쳐링 할수 있어야 하며, 결과물을 만드는데 프로젝트 매니징도 해야한다. 이걸 3 사람으로 나눠서 하지 않는다. 단 한명의 관리자가 이걸 하고 각 팀은 보통 3-7명이다. 주간 미팅을 하고 일을 진행하기 위해 각 엔지니어들과 1:1로 커뮤니케이션 한다.
  • 개발툴에 대한 단일 표준이 없다. 개발자가 이미 그들을 생산성있게 만드는데 뛰어나다고 가정하며, 그런 표준 없이도 코드 품질이나 표준을 지킬수 있을정도의 경험있는 엔지니어들을 뽑느다.
  • 서로 존경/신뢰할 수 있는 사람들만을 뽑는다. 존경하지 못할 사람들과 일하는건 분열을 가져온다. 이런 능력자들을 많이 가지는 방법은, 그렇지 못한 사람들을 제거하는 것 뿐이다. 이런 high performance 문화를 경험해 보지 못했다면, 레이싱 트랙에서 똑바로 운전하는걸 상상해보면 된다. 어떤 사람들은 40mph에도 무서워할것이고, 누구는 첫번째 코너에서 사고가 날수도 있다. 하지만 이 문화에 어울리는 사람들은 각 랩마다 속도제한없이 점점 속도를 낼것이고, 동료들로부터 배워나갈것이다.
  • high performance 문화를 만들기 위해 장애물을 제거하는것이 전체 조직에 혁신이 일어나도록 하는 것이다. “Doing less to get more”
  • 우리는 보너스가 없다. 시니어엔지니어/매니저/디렉터/부사장 말고는 다른 직급이 없다. 업무시간이나 휴가일수를 세지 않는다. 우린 “좀 쉬세요” 라고 말할뿐이다. 매년 우리는 직원들의 연봉을 현재의 시장연봉치 및 동료들과의 비교를 통해 갱신한다. 최고의 사람들과 일하기 위해 우리가 치뤄야할 비용들에 기반하여..
  • 미친듯한 스톡옵션 제도가 있다. 매월 산정되고, 당일 수여되며 넷플릭스를 그만두더라도 10년간 유효하다. 이것의 장점은 매니저들의 일을 줄여준다는것이다. 그들은 최고의 사람들을 뽑는데만 집중할 수 있다.
• 37signal는 왜 퍼즐/퀴즈/수학 문제같은것으로 채용진행을 하지 않는가 Why we don’t hire programmers based on puzzles, API quizzes, math riddles, or other parlor tricks 중요한 건 회사의 일/문화에 맞는 채용프로세스

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

• 좋은 API 디자인하기, 왜 그것이 중요한가? API를 만드는 사람들이 모두 참고하셔야할 구글 소프트웨어 아키텍트 Joshua Bloch의 글 퀵리뷰
• 프로그래머블웹 2011년 API 통계 2011년 추가된 API만 2011개로 총 4678개. 소셜/인터넷/전화/레퍼런스/정부 API 순. 작년 한해동안 901개의 매쉬업이 새로 등록
• 2012년 API예상 “지금까진 기술회사 또는 인터넷 회사들만 만들었으나, 2012년은 보험/자동차 같은 전통적인 회사들이 API마켓에 등장할 것이다.”
• What’s Public 2011년 프로그래머블웹 선정 베스트 매쉬업중 하나. 다양한 API를 사용하여 내 온라인 프로필을 한눈에 보여주는 사이트
• Books-Like-This 2011년 프로그래머블웹 선정 베스트 매쉬업중 하나. 책 이름을 입력하면 비슷한 책들을 찾아서 보여주는 사이트
• 구글 웹마스터 툴 가이드 2012년판 웹 사이트를 운영하신다면 꼭 사용해보셔야할 관리자용 온라인 툴
• 우리는 왜, 그리고 어떻게 구글맵에서 오픈스트릿맵(OSM)으로 변경했는가 비용이 큰 문제였겠지만.. OSM도 지도품질은 비슷하거나 좋다/오픈데이타를 지원하는 방법이기도 하다.
• 구글맵의 무료 대체서비스로 OpenStreetMap 데이터를 사용하는 Open MapQuest 와 Leaflet 자바스크립트 지도 API 사용방법 정리

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

• directCanvas – AppMobi의 HTML5 가속 SDK. iOS지원,안드로이드도 나올예정. HTML5 게임을 위해 캔바스 가속 및 멀티채널 사운드를 지원. 거의 10배정도의 속도라고
• Holo Everywhere 안드로이드 4.0 ICS부터 일관된 룩앤필을 위해 Holo 테마 사용을 의무화. 물론 DeviceDefault를 이용하여 제조사 테마도 사용가능. 느슨한 강제화 ?

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

• HTML5 관련 2012년 예상 14가지 웹사이트간 연결/웹앱증가/IE의 반격/웹앱스토어 전쟁/콘솔게임 WebGL포팅/오프라인웹앱 증가/HTML5 광고/하드웨어가속/페이스북의 HTML5 지원향상
• PlayN – 크로스플랫폼 게임 추상화 라이브러리. 데스크탑자바/HTML5브라우저/안드로이드/플래시 등 지원. 오픈소스. 예전 이름 ForPlay 에서 변경
• WebGL로 마인크래프트 만들기 설명은 다양한 라이브러리들 소개인데.. 데모가 정말 훌륭하군요 데모감상 http://t.co/hZ8zWyqw
• impress.js – CSS3 3D 트랜스폼을 이용하여 Prezi 스타일의 웹 프리젠테이션을 만들수 있는 프레임웍. 게다가 오픈소스! 플래시인 Prezi도 충분히 HTML5버전이 가능할듯
• zen-coding + TEA for Coda/Espresso ( 맥 사용 하는 ) 웹 개발자분들을 위한 선물세트. Zen-Coding 상세한 사용법은 Zen Coding: A Speedy Way To Write HTML/CSS Code
• jQuery UI Bootstrap – 트위터가 공개한 웹사이트용 Bootstrap 툴킷을 jQuery UI 버전으로 포팅한 프로젝트
• Fbootstrap – 트위터의 Bootstrap을 포크해서 페이스북과 같은 UI의 웹앱을 만들수 있도록 하는 툴킷. 페이스북 iFrame앱 만들때 쓰면 룩앤필 일치시키기 좋을듯
• NASA가 오픈한 오픈소스 사이트 code.NASA 전체 사이트를 트위터의 Bootstrap 으로 만들었다는게 흥미롭군요. (프로젝트는 다 뒤져봐도 과학자가 아니면 쓸만한게 없어요 ㅠㅠ)
• GitHub의 CIO가 쓴 Pro Git 책을 @pismute 님께서 번역완료 epub/pdf/mobi/html 파일로 공개하셨네요. 수고 많으셨습니다. 고맙습니다 (__)
• 고해상도 모바일웹 지원하기 Mobile Web in High Resolution MediaQuery 를 이용한 고해상도 지원 CSS 버튼예제
• jQuery to 순수 Javascript 꼭 jQuery를 쓰지 않아도 되는 간단한 코드들은 순수JS를 써서 다운로드 및 해석시간을 줄여보세요
• Hogan.js – 트위터가 공개한 자바스크립트 템플릿 엔진. 전체크기 2.5kb. node용도 제공. mustache랑 테스트케이스도 호환되지만 훨씬 빠르다고
• ShimP – Node.js를 이용한 멀티브라우저 테스팅 앱. WiFi를 트리킹해서 한기기가 보는 페이지를 다른기기에서도 다 보이도록 자동변경. 사이트 테스팅할때 좋군요. 설명필독

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

• 2012년 눈여겨 봐야할 10개 클라우드 스타트업 AppFog / Bromium / Cloudability / CloudSigma / Kaggle / Nebula / Parse / ScaleXtreme / SolidFire / Zillabyte
• MySQL Configuration Wizard – 간단한 질문들을 통해 자신의 상황에 맞는 MySQL 설정파일을 만들어주는 서비스. DBA가 없는 조직에서 간단히 쓰기 좋네요. 총 6단계
• 넷크래프트가 2012년 1월 조사한 웹서버 조사. 실제 운영중인 웹사이트 수에서 nginx 가 IIS를 추월 January 2012 Web Server Survey 아파치 57%, nginx 12.18% , IIS 12.14%
• MongoDB 2.0에 적용된 Lock-with-yield 옵션의 성능 벤치마크 1.5억개의 112바이트 문서로 테스트. DB/콜렉션 레벨 락이 생기면 더 좋아질듯. 한글번역본은 @charsyam 님의 블로그에 MongoDB Write Lock
• 2011년 클라우드 데이터 통계 100가지 102페이지 슬라이드. 정리가 깔끔해서 관련자료만들때 인용해서 쓰기 좋을듯
• S3QL – Google Storage/Amazon S3/OpenStack 같은 곳을 데이터 저장소로 사용하는 오픈소스 파일시스템

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

• 페이스북 타임라인의 탄생배경에 대한 디자이너들의 이야기 “제대로 된 질문을 하면 답은 자동으로 나온다.” / “Emotional Experience” / “컨텐츠에 집중하라”
• 아마존 전문 리뷰어 프로그램(Vine)을 아시나요 ? 아마존의 이 시스템이 계속적으로 구매할 수 있는 기반을 만들고 있는게 아닌가 생각됩니다.
• Visualizing 2011 데이터 시각화를 통해 돌아본 2011년
• Writing forward-compatible websites ( 선-호환 웹사이트 만들기 ) 최신버전 브라우저에서도 깨지지 않도록 웹사이트를 작성하는법. 모질라에서 계속 추가 수정중
• 2012년의 API예상 기업API의 부상/API중심 아키텍처/데이터중심 API/통계만을 위한 API사용 증가/모바일 개발자에게 최적화된 API/OAuth 2.0이 기본

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

• 아마존 킨들 파이어 vs. 아이패드 인스타페이퍼 개발자 마르코의 비교표. 마지막 2개에서 빵 터지는군요. 킨들 파이어가 정말 싫었던듯. 이 비교표는 아마존의 비교페이지 를 패러디 한것입니다. 앞에 것과 비교해서 보세요
• 아마존 킨들 파이어 사용시 웹을 통해 요청되는 모든 안드로이드 마켓 사용 요청은 자동으로 킨들 앱스토어로 리다이렉트 된다고 Yo Amazon: Please don’t hijack the web on Kindle Fire 인텐트 하이재킹인데.. 이건 좀 심한듯
• 5년이 지났지만 구글은 아직 제대로 못하고 있다 안드로이드/iOS 의 UI 비교. 다소 편향적이긴 하지만 너무 flat 한 UI 는 확실히 실수를 불러올 부분이 많음.

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

• ECMAScript 5 소개 슬라이드 150페이지. 천천히 설명해서 볼만합니다만, 자바스크립트 기본 지식을 필요로 합니다.
• WebSQL 코드를 IndexedDB로 이전하기 튜토리얼 HTML5 표준에서 빠진 WebSQL대신 IndexedDB를 사용하는 방법. 물론 WebSQL은 아마도 꽤 오래동안 쓸수 있을듯 합니다만, 미리 알아두는 것도 좋습니다.
• #2011결산 – 자바스크립트를 극한까지 사용한 사이트 20선 웹 개발자 분들 한번씩 감상해보세요
• #2011결산 – 게임의 흐름을 바꾼 20개의 HTML5 사이트들 웹 개발자 분들께서는 꼭 보셔야 할 사이트들
• #2011결산 – 꼭 봐둬야 할 15개의 웹 컨퍼런스 강연들 3번째께 재미있어 보이네요 “어떻게 GitHub는 GitHub를 빌드하는데 GitHub를 사용하는가”
• http://baroque.me 자바스크립트로 연주하는 바흐 무반주 첼로모음곡 No.1 Prelude 아이디어가 멋지네요.
• 크롬의 V8엔진에 맞게 자바스크립트를 최적화 할 때 필요한 체크리스트 글의 목적인 V8최적화 보다 안에 들어있는 링크들이 더 유용하네요
• 24시간만에 자바스크립트만으로 VNC 클라이언트 짜기 Node.js , Socket.io , HTML5 Canvas 조합. 오픈소스. 링크드인 인턴이 핵데이때 개발
• 칸아카데미로 옮긴 jQuery개발자 존 레식이 컴공학생들을 위해 “Javascript as a First Language” 라는 과정을 만들고 있다고.. 이거 재미날 듯
• 웹퍼포먼스 투데이의 2011년 베스트 글 10개n 모바일 과 웹에서의 속도 개선을 위해서 체크해보셔야할 글들
• 웹퍼포먼스 관련 2012년 예상 평균 웹페이지 크기는 1MB를 넘을것/크롬이 메인브라우저로/윈도우즈가 모바일에서 우리를 놀래킬것(과연?)/아마존 실크는 그닥../CDN은 더욱 경쟁모드로..

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

• CloudKick이 RackSpace에 인수된 후 Python에서 Node.js 로 옮긴 사연 The Switch: Python to Node.js 확장성이 필요한 대형 시스템용으로 점점 인정 받는 분위기. 파이썬매니아들은 반발하지만..
• 어떻게 트위터는 하루 2억5천만개의 트윗을 MySQL에 저장하는가 How Twitter Stores 250 Million Tweets A Day Using MySQL 트위터가 만든 분산데이터 프레임웍 Gizzard 위에 구현한 T-Bird 시스템에 대한 설명. 33분짜리 강연입니다. 한글 번역본은 Twitter 는 어떻게 MySQL 을 이용해 하루 2억5천만 Tweets 을 저장하는가
• MongoDB @ 포스퀘어 포스퀘어가 어떻게 AWS에서 몽고디비를 운영하는지에 대한 설명. 2500 QPS/초당 80체크인/초당 250업뎃/8개 클러스터/유저샤드 8개/체크인샤드 12개
• 어떻게 클라우드/모바일/소셜이 우리가 일하는 방법을 바꾸고 있는가 구글 관점의 글이지만 참고할만 합니다. 2012년은 클라우드/모바일이 모든 기업 환경에 깊숙히 파고드는 해가 될 것
• Passport – Node.JS를 위한 통합인증 모듈. OpenID/OAuth(페이스북/트위터/드랍박스/에버노트/플리커/포스퀘어/GitHub/인스타그램 등 30개 이상) 정말 편해지는군요
• Server-Side Javascript Injection (PDF) SQL인젝션과 비슷하게 NoSQL 과 Node.JS를 공격하는 방법과 이에 대한 방어법에 대한 글

kth 도 이런 개발자 경제를 만드는데 열심히 노력하고 있습니다.

[ 추천글 ]

• 디벨로퍼노믹스(Developeronomics)의 시작 국내 개발자들에겐 아직은 꿈같은 얘기로군요. 하지만 곧 우리에게도 이런 일이 생길거라 믿습니다.
• 직원들에게 동기를 부여하는 9가지 방법 칭찬하라/매니저를 없애라/그들의 아이디어로 만들어라/절대로 비판하거나 정정하지 마라/점심을 같이하라/인정과 작은 보상/단합행사/성공도 고통도 공유
• Python 에코시스템 소개 타 언어 사용자들이 파이썬으로 넘어올때 느끼는 첫 난관을 넘기 위한 글. 파이썬 도입하려는 회사들에 좋을 듯
• 애플티비 사용자중 30%가 영화/TV쇼를 렌트하는데,다른 기기에선 20%사용자 만이 렌트를 한다 How Do People Use Apple TV? 그들이 ‘취미’라고 부르는 시장에서도 애플이 이기고 있다.
• 윈도우즈 스토어의 정책 개발자등록비 $49,기본 수익셰어 7:3 인데 $25K 달성시 8:2로 조정. 트라이얼(시간/기능)가능. 결제방식 개발자 선택가능. 애플보다 훨씬유연하군요

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

• RWW이 선정한 2011년 탑10 웹 제품 크롬/드랍박스/iCloud/킨들/에버노트/스포티파이/인스타페이퍼/플립보드/구글맵스/Siri 원본 글 보다 훨씬 더 읽기 쉬운 @abulaphiaa 님의 번역+정리 글
• The 12-Factor App 웹앱을 위한 개발방법론 SaaS를 위한 체크리스트로 써도 좋을듯. 코드/의존성/설정/백서비스/빌드/포트바인딩/동시성/임시성/개발&상품화 단계일치/로그/관리자
• fPrivacy – 페이스북 앱과 연동시 주요권한에 퍼미션을 삭제가 가능하도록 하는 크롬/사파리 확장. 퍼블리쉬_스트림 권한만 빼도 담벼락이 깔끔해지는 효과가
• HipHop VM – 페이스북이 PHP to C++ 컴파일러를 더욱 발전시켜 HHBC(힙합 바이트코드)를 만들고 실행하는 VM으로 진화. 세계에서 PHP를 가장 잘쓰는 회사 페이스북
• Don’t be a free user “무료 서비스는 오래 살아남기 힘들다. 다른 좋은 무료 서비스가 안한다면 베끼고 (더 좋게 만들어) 유료화/광고를 붙여라. 언젠간 너 혼자 남을꺼다”
• 새 웹사이트를 런칭할 때 체크해야 할 18가지 마케팅 & 메트릭 확인을 위해 필요한 것들. 구글어낼리틱스/웹마스터툴/피드버너/메일침프 는 필수

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

• 숫자로 본 모바일 웹 모바일 가입자 59억, 전세계 스마트폰 점유율은 13%, 2011년 팔릴 스마트폰 대수 4억7천만, 2015년에 팔릴 스마트폰 수 9억8천만…
• 의사의 마음을 사로잡아라 애플이 아이패드를 가지고 의료분야에는 특별하게 대응하고 있군요. 이 역시 잡스의 영향 ?
• QuadCurveMenu – Path 2.0의 좌하단 스토리 메뉴를 개인개발자가 구현한 오픈소스. 예제동영상이 추가되었네요. 다양한 용도로 활용가능할 듯
• iOS 앱스토어 제출전 체크리스트
• GreenGoose – 무선센서를 집안 다양한 물품/동물에 붙여서 정보를 기록하는 장치. 깔끔한 디자인/특별한 셋업이 필요없음. API도 공개. 신기한 것들 많이 나올듯
• NYC 그랜드 센트럴역의 애플스토어 파노라마 보기 iOS기기/사파리 로 접속후 “View More Photos” 눌러서 마지막 사진을 보세요. iOS에선 자이로센서로 동작됩니다
• 안드로이드 4.0 업그레이드가 왜 시간이 걸리는지 설명한 글 2개. Ice Cream Sandwich – from source code release to software upgrade by 소니에릭슨, Motorola Update on Ice Cream Sandwich by 모토롤라. 다들 열심히 달리고 있는듯

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

• 자바스크립트 Polyfil을 이용하여 HTML5 갭 메우기 구형브라우저에서 HTML5 기능들을 사용할 수 있게 해주는 필수 폴리필들 설명. 107페이지 슬라이드
• ql.io – 웹API 호출로 얻은 다양한 데이터들을 엮고, 쿼리를 통해 새로운 데이터를 추출할 수 있도록 도와주는 node.js 모듈. 마치 YQL의 노드 버전을 보는듯. 흥미로운 시도
• Sencha의 HTML5 화이트 페이퍼 “Web Applications Come of Age” 전반적인 웹앱의 진화부터 개발방법 변화를 짚은 글. 다소 센차 친화적이긴 하지만 볼만합니다.
• Sencha의 안드로이드 4.0 아이스크림 샌드위치(갤럭시 넥서스) HTML5 점수표 “안드로이드 브라우저중에서는 많은 발전을 했지만 아직 iOS5 에는 조금 못 미침”
• CSG.js – Constructive Solid Geometry(구조적 입체 도형)을 브라우저에서 WebGL로 구현한 라이브러리. 언리얼엔진에서도 사용중. 웹3D게임을 위한 준비가 될 듯
• Circle Menu – Path 2.0 좌하단 스토리 UI의 jQuery 플러그인 버전. 이제 웹에서도 이 메뉴를 보게 되는 건가요 ?
• tubular – 유튜브 비디오를 웹페이지 백그라운드로 플레이하게 만들어주는 jQuery 플러그인. 데모 페이지용으로 좋겠네요
• Efficient Javascript 오페라에서 계속 정리중인 자바스크립트 최적화 문서. 현재 ECMAScript/DOM/Document 로딩 관련 총 25항목
• Keyboard JS – 요즘 뜨는 웹 앱은 단축키가 기본! 키보드 처리를 위한 자바스크립트 라이브러리. 키콤보와 상하좌우 이동용 axis 지원
• CSS3 Transition 과 Animation 를 이용한 애니메이션 버튼 예제모음 데모 1/4/6번 마음에 드네요
• Tympanus의 멋진 HTML5/CSS 예제&튜토리얼들 모음! 이 친구들 리스트 제공을 안하는데, 강제로 주소입력했더니! 전체 튜토리얼의 보기편한 디렉토리 리스트가! 보석 찾은 느낌! UI/UX/웹개발자들 링크들 하나씩 필감!
• dhteumeuleu – 자바스크립트 애니메이션 모음. 다른 곳에서 보지 못한 좀 특별한 데모들
• Icon Font 사용하기 조그만 이미지들 대신 그림모양 웹폰트를 사용하는 방법. 10가지 아이콘 폰트 모음 이걸 사용하면 맥의 VoiceOver에서 ✔ 는 체크마크,⌚는 Watch-Emoji,☁는 Cloud Emoji,↩는 Leftwards Arrow With Hook 이라고 읽어주는군요. Icon Font를 사용하는 또 다른 장점이 될 듯 @andrea9292 님 제보
• DTrace를 이용해 성능분석 및 향상시키기 grep이 왜 느려지는지를 분석해서 알아보고 GNU grep 에서 다른 grep으로 교체하여 특정 로그검색 루틴을 2000배 빠르게 만든 내용을 상세히 설명한 글
• Dabblet – 자바스크립트 친화적인 JSFiddle 과 달리 CSS에 최적화된 웹 테스트 환경. 실시간 업데이트 지원/Github gist로 저장/다양한 인라인 프리뷰기능
• 브라우저 내장 개발자 지원툴의 25가지 비밀 un-minify 기능/크롬의 자바스크립트 온더플라이 에디팅 좋네요. 브라우저들이 서로 보완하며 발전하는듯
• CSS3 3D Transform과 Gradients/Mask 를 사용하여 빛나는 아이패드 보여주기 마우스를 움직여보세요. 소스코드도 간단한데 효과는 매우 좋네요

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

• Redis의 Bitmap을 활용한 빠르고 쉬운 실시간 통계내기 오늘 로그인한 유니크사용자 수 같은 통계를 쉽게 내는 방법. 1억명까지 확장해도 1일 통계내는 시간은 50ms
• Fluentd 와 MongoDB를 활용한 실시간 로그 수집 방법 여러대의 서버 로그를 합쳐서 쿼리 가능한 데이터를 만들때 유용할듯
• 링크드인의 node.js 최적화팁 10가지 동기화코드 피하기/소켓풀링 끄기/정적파일은 웹서버로/클라이언트측 렌더링/압축전송/병렬화/노!세션/바이너리모듈 사용/V8 JS사용
• Node.JS 사용시 알아둬야 할 모듈들 연재중인 글. 현재 dnode/optimist/lazy/request/hashish/read/ntwitter 7개의 모듈소개. 연재글을 @hyungjoo_ 님께서 블로그에 한글로 번역중 node.js 유용한 모듈 응원해주세요~!
• SilkJS – 크롬의V8을 활용한 또 다른 서버기반 자바스크립트 엔진. 노드와 달리 OS와의 연결에 집중. 매우 작고 빠른 HTTP서버를 포함. 특정용도 웹서버로 좋을듯
• Keeping Movies Running Amid Thunderstoms 넷플릭스의 폴트 톨러런트 시스템/클라우드 아키텍처를 넷플릭스의 Sid가 직접 소개한 72p 슬라이드
• 2012 클라우드,PaaS,NoSQL 예상 클라우드는 사용자에게 iCloud/Dropbox처럼 안보이게 다가오고, 모바일 기기 고도화를 위해 클라우드를 백엔드로 사용하는 모습이 많아질 것
• AWS가 새로 남 아메리카 리젼을 오픈 클라우드로 돈을 가장 착실히 버는건 아마존인듯
• 빅데이터 2012년 예상 5개 강력하고 편한 분석툴/스트리밍 데이터 처리/데이터 마켓플레이스의 부상/데이터사이언스팀을 위한 워크플로우 및 협업툴 개발/시각화에 대한 요구및 이해 증대

[ Carrier IQ ]

• 코네티컷에 사는 Tevor Eckhart 라는 25살 엔지니어가 안드로이폰에 들어있는 Carrier IQ 라는 소프트웨어가 하는 일을 보여주는 비디오와 글을 2개 공개합니다. 첫번째글 – CarrierIQ 2번째글 (동영상 포함) – CarrierIQ Part 2 이 CIQ 소프트웨어가 하는 일은 사용자의 핸드폰(타블렛포함) 사용 정보를 Carrier IQ 서버로 보내는 것입니다. 이를 통해 사용자 행태를 분석하고 이것으로 서비스를 개선하는데 쓰인다고 합니다만.. 보내는 정보가 너무 상세해서, 위치정보 수준을 넘어서 사용자가 어떤 버튼을 눌렀는지, 어떤 웹 페이지를 방문했는지(SSL 포함) , 어떤 전화번호로 전화를 걸었는지, 어떤 SMS를 받았는지 까지 모두 보내는 것 ( User Behavior Logging )으로 알려졌습니다. 공개된 2번째 글과 그 글에 포함된 동영상의 9분 이후를 보시면 됩니다.
• Trevor 는 이에 대해 CIQ 는 rootkit ( 침입한 사실을 숨긴 채 관리자용 접근권한을 획득하는데 사용하는 도구 ) 수준이라고 주장하고 있으며, 미국 통신사용 삼성 안드로이드폰의 경우는 on/off 설정이라도 있지만, HTC 는 그것도 불가능합니다. 즉 핸드폰 내부 소스코드에 밀착되어있어 아예 소스단계에서 제거하고 재 빌드 하지 않는 한 삭제가 불가능하다는 것입니다.
• 구글이 출시한 레퍼런스 기기인 Nexus One, Nexus S, Galaxy Nexus 와 Xoom 타블렛에는 CIQ 가 탑재되지 않았다고 합니다. Google Nexus Android phones and original Xoom tablet do not include Carrier IQ tracking software
• RIM(블랙베리) 과 htc 는 CIQ 에 대해 자신들은 상관없으며, 이것은 각 이동통신사가 요청한 것이라고 밝혔습니다. 구글 또한 CIQ 와 어떤 관계도 없다고 밝혔습니다. AT&T는 CIQ를 이용하여 서비스 품질을 좋게 하는데 사용하고 있다고만 간단히 대답했고, Verizon 은 CIQ를 사용하지 않는다고 밝혔습니다. RIM, HTC, Google on Carrier IQ: Blame the Carriers
• CHPWN에 의해 아이폰도 CIQ를 내장하고 있다는 것이 밝혀졌습니다. Carrier IQ is on iOS 다만, 키로거 수준은 아니고 전화와 위치정보(활성화시에만) 부분만 애플로 보내며, iOS 처음 세팅시에 물어보는 “진단 및 사용내용(Diagnostics and Usage)” 자동 전송을 끄면 서버쪽으로 보내는것을 중지합니다. (기존에 기본 값은 보내지 않음 이었습니다 ) 또한 이에 대해 애플은 iOS5 부터 CIQ 사용을 중단했으며, 업데이트를 통해 완전히 제거할 것이라고 밝혔습니다. http://allthingsd.com/20111201/apple-we-stopped-supporting-carrieriq-with-ios-5/
• 이 사건에 대해 Carrier IQ 가 발표한 공식 미디어 전문 ( PDF ) [Media Alert] Measuring Mobile User Experience Does Matter! . 그리고 Carrier IQ의 CEO 와 VP of Marketing 인터뷰 Carrier IQ Speaks: Our Software Ignores Your Personal Info 가 기사화 되었습니다. 요약하면, CIQ 소프트웨어는 통신사의 품질에 큰 영향을 끼치고 있으며, 우리는 통신사를 위해 이 서비스를 제공한다. 예를 들어 전화가 갑자기 끊어졌을 때 왜 끊어졌는지를 통신사는 알고 싶어하며, SMS를 보냈을 때 그게 제대로 안 보내졌다면 통신사는 왜 그랬는지를 알고 싶어한다. 이때 전화번호 정보 등은 서버로 보내지지만, 전혀 저장되지 않으며 다시 해당 통신사로만 보내진다. 통신사별로 요청하는 데이터가 다르기 때문에 통신사별로 제공하는 서비스는 다르다. 우리는 절대 이 데이터를 다른 써드 파티에 제공하지 않는다.
• 위 Carrier IQ 발표문의 속 뜻을 존 그루버가 늘 하던데로 꼬집었네요 Translation From Corporate Jargon Doublespeak to English of Carrier IQ’s ‘Media Alert’

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

• 분석가들은 어째서 아이패드 판매량을 언급할 수 없을까 ? 가디안 기사 번역글. 은근 재미납니다
• 구글지도 모바일에서 Indoor 위치정보 제공 시작 SFO/NRT외 20여개 공항및 IKEA/Home Depot/Macy’s 등 대형 매장까지. 플로어플랜을 올려서 자기 매장도 참여가능
• 애플스토어 에서의 구매자 위치 확인 기술 방문자의 아이폰에 설치된 애플스토어 앱이 매장직원들에게 도착했다는것을 알려주고, 구매하거나 도움버튼을 누르면 고객이 어디에 있는지 즉시 확인가능
• 킨들 터치,코보 터치,누크 심플 터치 세개의 이북리더 비교리뷰 역시 $79짜리 버튼&광고버전 킨들이 제일 큰 경쟁상대일듯. 중간에 반응속도비교는 충격적이네요. 더 비싼게 더 느리다니..
• 구글사이트 처럼 자신의 웹사이트 아이콘을 윈폰7에 커스텀 타일로 붙이는 방법 아직 윈폰7 테스트는 못해봤는데 아이폰 모바일웹 초기에 apple-touch-icon 느낌 나는군요

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

• 구글 API 를 위한 자바스크립트 클라이언트 라이브러리 알파버전 공개 IE8+/크롬8+/FF3.5+/사파리4+ 지원. OAuth 2.0 지원 포함
• Color Thief – 이미지에서 으뜸색과 대표색상 팔레트를 읽어오는 JS라이브러리. 크롬의 최근 방문 페이지 하단바 색상이 이런 방식으로 favicon의 으뜸색을 읽어다 보여줌
• 디지털 출판물 저작툴 3D Issue 의 새 버전. HTML5 결과물 출력지원 시작. 원래는 Flash로 결과물을 만들었는데, 이제 어쩔수 없는 변화인듯

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

• “몇년전부터 알았으면?”하는 리눅스명령어는? 1등이 bash의 내장코맨드인 disown 이군요. 쉘종료하면 죽어버리는 Job들에 대해 내꺼아냐! 라고 선언해서 안죽이게 하는 명령
• 인스타그램의 풀 스택 공개 AWS EC2 에 우분투 11버전 , 로드밸런싱은 ELB/nginx 3대 와 아마존 Route53 DNS , Django와 gunicorn , PostgreSQL/Redis/Solr/멤캐쉬디.. 배울거많네요
• 초당12만트윗을 처리하는 DataSift의 시스템 구성 설명 936개의 CPU코어로 매일 트위터의 2억5천만 트윗 전체 프로세싱. Gnip과 함께 “데이터가 돈이다”라는걸 보여주는 회사
• 클라우드 컴퓨팅환경에서 고가용성 DB구축하기 Xen의 Remus를 이용 DB VM내용을 백업VM에 계속 복제하여 HA를 구성하는 RemusDB에 대한 설명.
• 플리커가 최근 웹서버 앞단에 아파치 Traffic Server로 프록시레이어를 설치하여 웹페이지 전송속도를 30%정도 향상 아시아쪽은 44%나 향상되었군요
• Nimbus.io S3와 비슷한 API의 클라우드 스토리지. 100GB당 6$. 전송 In=무료,Out=$0.06/GB. 저렴한 이유는 패리티기반 저장방식. 역시 데이터 복제는 부담!
• Curator – 넷플릭스가 공개한 오픈소스 Zookeeper 라이브러리. 주키퍼의 복잡한 부분들(설정/연결관리/레시피)을 다 처리할수있도록 미리 만들어놔서 쉽게 사용할 수 있도록 함

[ 추천글 ]

• 내가 만났던 스티브 잡스 by 스티븐 레비 Wired 기사 “The Revolution According to Steve Jobs”의 한글 번역본
• 애플닷컴의 진화 1976년 애플의 복잡했던 로고가 찍힌 프린트물 과 1997년 충격적인 애플닷컴 페이지. 정말 지금은 환골탈태 수준이군요

제가 추천하는 타입별 H3 세션이동 전략!

• 아이폰 앱 개발자 : Keynote – A – A – C – C – B – B/C
• 안드로이드 앱 개발자 : Keynote – C – A – A – C – C – A
• 하이브리드 앱 개발자 : Keynote – A – A – A – A – C – A
• 모바일서비스 기획자 : Keynote – C – A – A – A – B – A
• 클라우드 개발자 : Keynote – B – C – B – 맘대로 – 맘대로 – C
• 하드코어? 개발자 : Keynote – B – B – A – B – A – B
• UX/UI 관련자 : Keynote – C – A – A – A – B – A
• 그냥 재미난게 좋아 : Keynote – B – A – A – A – A – C

저의 개인적인 H3 추천세션 몇가지

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

• Pinterest – 사진,글,비디오,선물 등 자신이 맘에 드는 것들을 공유하는 온라인 핀보드. 아직도 초대기반 베타상태인데 지난달에 4억PV를 돌파했다는 테크크런치의 기사 Pinterest Is Now Pulling In More Pageviews Than Etsy; Grew 2,000% Since June , 인스타그램 얘기가 뜸~한 가운데 갑자기 뜨고 있는 친구들. 실제로 오픈한지는 2년이나 되었지만, 이렇게 된데는 진짜 지인들간의 네트웍 이펙트에 기반한 좀더 현실과 가까운 바이럴 마케팅이 한목을 했다는 테크크런치의 분석기사. 이쁜사진들로 가상의 네트웍을 구축하고 트위터/페이스북 공유를 통해 갑자기 인기를 끈 인스타그램과 비교를 했네요 How to Make Your Startup Go Viral The Pinterest Way
• Stamped – 소셜 네트웍/추천 엔진. 추천하고 싶은 식당,장소,책,음악,영화 등에 도장만 찍으면 되는 방식. 별점 대신 자기색상 도장을 찍는 컨셉으로 호응을 얻어내고 있음. 공동창업자 3명중 2명이 구글 출신이지만 인스타그램처럼 오직 아이폰앱만 제공합니다. 단순하게 포커싱하기 위한 전략. 전체적으로 앱의 디자인이 깔끔하네요. 최근의 버티컬 SNS앱 추세를 보여주는 듯.
• 별5개 짜리 평가시스템 보다 좋은 대안이 있나요? 넷플릭스 부사장의 긴~답변인데 정말 좋네요 “좋다/나쁘다가 아닌 다른 변수에 대한 최적화라고 생각하세요” 기획/개발자 분들 필독
• Clea.nr – Youtube 화면을 깔끔하게 만들어주는 브라우저 플러그인. FF/크롬/사파리 지원. Youtube Options Extension 이랑 결합하면 깔끔한 화면에 동영상 다운링크까지!

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

• TellMe vs Siri – MS의 CSO가 Siri는 좋은 마케팅일뿐, MS는 이미 1년전에 윈폰7에서 구현했다고 말한거에 대해 비교테스트한 동영상. 결과가 잔인하군요
• 킨들파이어로 스크린샷찍는 방법 무려 22단계..
• CSS3 패턴 갤러리 CSS만으로 만든 배경패턴 모음. 각 패턴을 직접 수정해보면서 테스트 가능. 대부분 사이즈가 1k 이하네요.

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

• iWebInspector – iOS용 웹앱 개발시 디버깅/프로파일링 을 할수 있게 해주는 무료 툴. 사파리나 UIWebView형태 모두에서 사용가능. 현재는 iOS시뮬레이터하고만 동작됨
• 프린트용 CSS 만들기 스매슁매거진의 깔끔한 정리. 출력시에 안보이는 A태그의 URL도 Pseudo 엘리먼트를 이용한 주소 출력방법을 이용 ‘미싱링크’란 이름으로 잘 정리했네요

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

• Global Netflix Platform – Netflix 플랫폼 발표자료. 총75p. 100% 퍼블릭클라우드 기반. AWS상에서 돌아가는 대형 자바기반 PaaS를 구축했다고.. “경쟁자를 파트너로” 가 인상적이네요

[ 추천글 ]

• 수잔 케어의 스케치북 맥 초기의 서체와 아이콘들을 디자인한 여성 디자이너의 이야기. 코맨드 버튼의 ⌘아이콘이 그녀의 작품이군요!

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

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

• 모바일 웹기술 선택 가이드. 반응형디자인/모바일우선/점진적향상/서버사이드 어뎁테이션/하이브리드. 각 기술들의 원칙/장단점/성능/예제 등을 잘 정리한 비교표 및 기술요약
• 모바일 웹 디자인의 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 ]

• JSZip – 자바스크립트로 Zip 파일 만들기 라이브러리. 폴더 만들기까지 가능. IE만 미지원. 파일이름이 브라우저 맘대로 생기는게 문제지만, Downloadify 를 활용하여 우회가능
• jQueryMobile 1.0 공식 발표 약 1년반 정도만의 공식 릴리즈. 각종 플랫폼에서의 속도향상, ThemeRoller 툴로 커스텀 테마 작성 지원
• 모바일 웹 프레임워크 DHTMLX Touch 1.0 출시 UI 디자인용 Visual Designer,테마 제작용 Skin Builder도 제공. GPL과 상용라이센스 2가지
• Built With Bootstrap – 트위터가 공개한 Bootstrap 툴킷으로 만들어진 사이트 모음. 잘만 활용하면 정말 깔끔한 사이트 작성이 가능하군요
• 종종 HTML5 중 일부라고 불리지만 실제로는 아닌 것들의 리스트 하지만 현실은.. 그냥 HTML5로 생각하고 뭉뚱그려 얘기하는게 누구에게나 편하다는거..
• 구글+를 구성하는 기술들 – 자바스크립트 편 7월에 Joseph Smarr가 공개했던 전체 기술스택 소개 http://t.co/ejzu9xgf 에 자바스크립트 부분을 보강하는 글
• 대규모 자바스크립트 어플리케이션 아키텍처 128페이지 발표자료. 대규모의 자바스크립트 개발을 위한 디자인 패턴과 자바스크립트 패턴, 스케일링 가능한 어플리케이션 아키텍처 설명
• InstaCSS – CSS의 각 속성에 대한 정보를 찾아 보기 쉽게 만든 레퍼런스 사이트. 실제 각 속성의 내용은 Mozilla에 있는 것들이로군요
• 웹개발시 Same-Origin Policy를 피하기 위한 방법들 StackOverflow의 잘 정리된 질답글. iframe/CORS/Reverse Proxy/JSONP 그리고 anyorigin 같은 꼼수까지 총 정리
• HTML5 Security Cheatsheet 각 보안허점 들에 대한 설명 및 적용되는 브라우저들, 그리고 해당 위협에 대한 회피방안까지 정리
• 모바일 브라우저에서의 fixed positioning 정리 어떤 장비에서 사용가능한지, 사용 불가능한 장비에선 어떤 솔루션이 있는지까지 정리

[ 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,이미지,스팸 등등 처리용

[ 추천글 ]

• ISS 우주정거장에서 촬영한 지구의 Timelapse HD비디오 정말 멋지네요. 꼭 전체화면 모드로 감상. 지구는 참 아름다운 별입니다
• A History of the Sky – 일년동안 매일 10초당 한번씩 하늘을 찍은것을 한 화면에 편집한 초대작 Timelapse 비디오, 1080p & 전체화면으로 감상필!