월별 글 목록: 2012년 1월월

구루의 기술뉴스 : 안드로이드에 대한 오해와 진실 외 25건

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

이번주는 “안드로이드에 대한 오해와 진실” 이라는 이름아래 안드로이드의 현재, 구글폰에 대한 내용, 파편화가 가져다 올것들에 대해서 여러개의 글을 엮어서 제목을 선정해봤습니다.

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

 

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

 

[ 프로그래밍/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,클라우드,웹서버 기술 ]

 

[ 추천글 ]

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

구루의 기술뉴스 : 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/모바일/세그멘팅. 꼭 디자이너뿐만 아니라 기획자/개발자도 꼭 알아야할 것들

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

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

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

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

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

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

구루의 기술뉴스 ( 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 중요한 건 회사의 일/문화에 맞는 채용프로세스

 

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

 

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

  • 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,클라우드,웹서버 기술 ]

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