년도별 글 목록: 2012

구루의 기술뉴스 : Open & Share 외 11건

댓글 남기기

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

이번주는 Open & Share에 대한 여러개의 글을 엮어서 제목을 선정해봤습니다. 개방과 공유가 가져올수 있는 힘. 이게 잘 드러난것이 Etsy의 성공이야기 아닐까 합니다.

[ 추천글 : 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 : 페이스북 케이스스터디 나티샬롬 아저씨의 한시간짜리 강연.

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

구루의 기술뉴스 – 어떻게 넷플릭스는 혁신을 지원하는 문화를 가진 조직을 만들었나 외 31건

3 댓글

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