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

올해 첫주는 제가 액땜을 제대로 하려는지 허리를 다쳐서 쉬었구요. 이번주가 첫 발행입니다.
이번주는 넷플릭스의 혁신적인 조직문화 사례를 메인으로 선정했습니다. 작년에 이런저런 뉴스를 겪으며 주가가 떨어지긴 했지만, 그들이 가진 조직문화는 이런 시련들을 뛰어 넘을수 있을거라 생각합니다.

[ 추천글 ]

• 어떻게 넷플릭스는 혁신을 지원하는 문화를 가진 조직을 만들었나 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 같은 곳을 데이터 저장소로 사용하는 오픈소스 파일시스템

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

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

올 한해 제가 발행하는 기술뉴스에 관심 가져주셔서 고맙습니다.
내년에도 더욱 좋은 내용으로 찾아 뵙겠습니다.

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

• 페이스북 타임라인의 탄생배경에 대한 디자이너들의 이야기 “제대로 된 질문을 하면 답은 자동으로 나온다.” / “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를 공격하는 방법과 이에 대한 방어법에 대한 글

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

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

오늘은 신조어인 디벨로퍼노믹스 ( Developeronomics ) 를 다룬 기사를 메인으로 선정했습니다. 소프트웨어 개발자가 인정받고, 제대로 대우받는 것을 통해 만들어지는 소프트웨어 개발자 경제구조의 모습. 해외 얘기입니다만, 국내에도 분명히 가능한 얘기들일꺼라 생각합니다. 제가 몸담고 있는 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개 강력하고 편한 분석툴/스트리밍 데이터 처리/데이터 마켓플레이스의 부상/데이터사이언스팀을 위한 워크플로우 및 협업툴 개발/시각화에 대한 요구및 이해 증대

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

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

스마트폰 에서의 개인정보 수집(누출?)에 관련되어 “Carrier IQ”라는 소프트웨어에 대한 얘기가 일파만파입니다. 국내에선 크게 얘기되진 않지만, 많은 외국의 테크 블로그들이 빅브라더의 출현이 아니냐고 얘기하고 있습니다. 안드로이드,블랙베리,노키아 그리고 똑같지는 않지만 아이폰도 해당됩니다. 이에 대한 얘기를 모아봤습니다.
 

[ 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년 충격적인 애플닷컴 페이지. 정말 지금은 환골탈태 수준이군요

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

정말 열심히 H3 개발자 컨퍼런스를 기획중인 엉뚱한 개발자 구루입니다.

H3 개발자 컨퍼런스 행사전에 발표자분들 리허설하는걸 쭈욱 들어본 경험에 의거하여,
H3 사이트의 세션소개만으로는 부족한 부분을 채워서 알려드리고자 합니다!

제가 추천하는 타입별 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 추천세션 몇가지

트랙 C – 1 : 안드로이드의 Seamless UX를 위한 Activity 활용전략
이 세션을 듣고 나시면, 내가 지금까지 안드로이드용 앱들을 잘못 기획/개발하고 있었구나라고 느끼게 되실겁니다. 아이폰과 전혀 다른 UX를 만들어주는 안드로이드의 Activity 와 Task! 그걸 아주 쉽~게 예제와 함께 설명해 드립니다.

트랙 C – 6 : 파이썬으로 클라우드 하고 싶어요
제목에서 오는 괴리감?때문에 인기투표에서 밀렸지만, 예비발표에서 엄청난 박수를 받은 세션. 무려 120장의 슬라이드를 초스피드로 넘기며 풀어가는데, 빵빵터지는 웃음! 기대하셔도 좋습니다. 발표자료 와 원고를 본 제 아내가 “나도 가서 들어보고 싶어요”라고 말할 정도랍니다.

트랙 A – 3 : 경쟁력있는 웹앱 개발을 위한 모바일 자바스크립트 프레임웍
jQueryMobile 과 SenchaTouch 가 좋아 보이지만, 실무에 적용하려면 쉽지않습니다. 그 해결 방법!을 제시해 드립니다. Deview 2011 에서 A.J.님의 약장수 스킬에 넘어오신 분들, 그때 다 못다한 이야기가 바로 이 세션입니다!

트랙 A – 4 : 반응형 웹디자인, 진짜 할 만 한가?
모바일 웹 기술의 발전으로 단지 PC화면을 모바일에서 보는것이 아니라, 모바일을 위한, 모바일을 우선적으로 생각하는 웹 기술,디자인들이 논의 되고 있습니다. Responsive Design, Mobile First, Progressive Enhancement, Server-Side Adaptation, Hybrid Web.. 이제 이런 단어들은 디자이너,웹 개발자 뿐만 아니라 모바일에 관련된 일을 하는 IT분들은 모두 알고 계셔야 할듯 합니다. 이게 대체 뭔소린지 아주 쉽~게 설명해 드립니다.

트랙 C – 5 : (푸딩얼굴인식 앱을 통해서 본) 하이브리드 앱 아키텍쳐 및 개발방법
국내 최대 사용자를 가진 하이브리드앱 푸딩얼굴인식의 구조를 공개하고,
하이브리드 앱을 제대로 만드는 방법을 설명합니다.

트랙 B – 1 : Google을 통해 살펴보는 분산 파일 시스템의 현재와 미래
매우 어려워보일 것 같지만, 탄탄한 스토리텔링 예제와 함께 Google File System 의 과거와 미래를 쉽게 설명해드립니다.
클라우드 기반의 되는 분산파일시스템에 대해 알고싶은 분들은 필참 세션!

트랙 A – 5 : 모바일 시대의 Search Engine Optimization 전략
제 세션이니 당근 추천을.. 쿨럭. 블로그와 웹사이트를 운영하시는 모든분들께 좋습니다 😉
왜 제 블로그의 유입율은 70% 가량이 검색엔진에서 오는지 이유를 알려드립니다.

물론 여기 안적은 세션들도 정말 모두모두 재미납니다. 관심있는 분야의 세션들을 잘 골라서 참가해보세요!