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

이번주는 최근에 괄목할만한 성장세를 보여주고 있는 Pinterest 와 Tumblr 의 아키텍쳐 소개글을 선정했습니다. 성장을 위한 기본요건은 서비스모델에도 있겠지만, 기술력이 뒷받침해주는 것이 정말 중요합니다.

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

• 텀블러 아키텍쳐 – Tumblr Architecture – 15 Billion Page Views A Month And Harder To Scale Than Twitter 월150억PV를 버티기 위해 LAMP에서 시작하여 1000대 이상 서버에 최신 기술들로 변경. 블로그와 비슷하면서도 다른 스케일링 특성들. 배울점이 많네요. 아래 관련된 기사들에도 좋은 내용이 많습니다.
• Pinterest의 스택 What technologies were used to make Pinterest ? Python+Django,Tornado/Node.js, Memcached/Redis, RabbitMQ, Nginx/HAproxy/Varnish, MySQL, MrJob, Git. 조금 더 보기쉽게 만든 Pinterest의 스택 구성도 Polyglot persistence at Pinterest: Redis, Membase, MySQL
• AWS에서 천만유저로 스케일링하기 by Pulse Tornado와 Scribe를 이용한 이벤트로깅, EMR과 Hive를 이용한 데이타 분석. node.js로 서버기반 readability까지

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

• SaaSternatives – SaaS 의 다양한 수익모델을 정리한글. One-time fee / Pay-as-you-go / Flexible SaaS / SaaS bundles
• NameBench – 인터넷 접속환경에 따라 가장 빠른 DNS서버를 찾아주는 벤치마크툴. 약 4500개의 서버를 테스트. 구글의 20% 프로젝트를 통해 시작되었다고..
• 페이스북을 넘어서 : Interest 기반 소셜네트웍의 성장 이런 버티컬 SNS들의 성장에 따라 페북/트위터는 유틸리티 서비스화

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

• Eclipse 도 소스코드 리뷰와 관리를 위해 Gerrit 시스템 도입 git은 이제 정말 시대의 대세인듯 합니다.
• Wikipedia 의 엔진인 MediaWiki도 SVN에서 Git으로 이동 발표 가장 큰 이유 3가지 : 참여하기 더 쉬워서,프로세스 개선, 사용자에게 새로운 기능을 빠르게 전달하기 위해. Git을 고려하는 회사들에게 도움되는 글
• 웹&모바일용 UI Kit 모음 Get Your Kits: Fresh Web and Mobile UI Kits, Wireframe Kits and PSD’s  Get Your Kits: Fresh Web and Mobile UI Kits, Wireframe Kits and PSD’s Page 2
• Effective Scala – 트위터가 공개한 Scala 개발가이드 ( Best Practices 모음 ) 스칼라는 트위터의 메인개발 언어중 하나입니다. 한국어로 정리된 Scala 시작가이드 도 참고하세요.
• 프론트엔드 개발자용 기술면접 질문 리스트
• 크롬팀이 만든 Field Guide to Web Applications – HTML5 AppCache를 이용해서 오프라인으로도 동작.
• 웹개발자와 관리자를 위한 캐슁 튜토리얼 – HTTP 상의 헤더/메타태그를 이용한 캐쉬방법들을 총 정리한 문서.
• 자바스크립트 메타 프로그래밍 고차원 프로그래밍인 메타프로그래밍에 대해서 예제들을 통해 설명해드립니다.

[ 추천글 ]

• 2012년 세계에서 가장 혁신적인 회사 50 – 애플/페이스북/구글/아마존/스퀘어/트위터 순.. Airbnb, 드롭박스, Tapjoy, 링크드인, 킥스타터, 페이팔 도 순위에 들었군요
• 월터 아이작슨의 몰이해 스티브잡스 전기를 읽으시는분들 참고하세요. 존 그루버의 글을 번역

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

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

이번주는 새로 발표된 “크롬 for 안드로이드” 를 메인으로 선정했습니다. 아직 베타지만 만족할만한 성능을 보여줍니다. 그리고 99designs의 인프라스트럭쳐 소개글도 추천드립니다.

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

• 안드로이드를 위한 크롬 브라우저 베타 출시 오랜 기다림 끝에 드디어 만나보게 되는군요. 작은 모바일화면에서 링크가 몰려있어 클릭하기 어려울 때 확대를 해서 보여주는 “Link Preview” 기능이 아주 마음에 듭니다.
  • Max Firtman의 크롬 for 안드로이드 리뷰 중간에 있는 내용처럼 기본 WebView 대신 크롬을 쓸수 있게되길 꿈꿔봅니다. 하이브리드앱들이 날게를 달게 되겠군요.
  • Sencha가 정리한 “크롬 for 안드로이드” 의 HTML5 점수표 “안드로이드 4를 이용중이라면 무조건 메인브라우저로 크롬을 쓰기를 권장한다”
• 모바일 웹 베스트 프랙티스 모음 “전략/UX/비쥬얼디자인/개발/FAQ/자료모음” 6개의 분야로 구분해서 깔끔하게 정리된 모바일 웹 관련 자료의 보고!
• Share with Intents 안드로이드 개발에서 Intents가 정말 중요하다는 점에 동의. ICS에서는 더 편해졌네요

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

• turn.js – HTML5 로 만든 책넘김효과. iBooks의 그 책넘김효과를 자바스크립트로 만든 라이브러리. 스마트폰/태블릿에서도 꽤 부드럽게 실행됩니다
• Weave – 누구나, 어떤 데이터라도 쉽게 시각화를 할수있는 것을 목표로 하는 웹기반의 Analysis & Visualization 플랫폼. 오픈소스(GPL/MPL)
• Flotr2 – HTML5 를 이용한 차트/그래프 라이브러리. Prototype에 의존성을 가진 Flotr에서 의존성을 제거하고 향상시킨 오픈소스.
• mitmproxy – Path의 주소록업로딩 이슈를 발견하는데 사용되어 유명해진 SSL지원 가능한 man-in-the-middle HTTP Proxy. 모바일패킷 분석용으로 딱
• Ice – 뉴욕타임스가 공개한 Integrated Content Editor 자바스크립트 라이브러리. 여러 사용자가 추가/삭제한 내용에 대해 트랙킹/하이라이팅 가능. 뉴스룸에서 파일롯 사용중이라고..

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

• 99designs의 인프라스트럭쳐 소개글 Infrastructure at 99designs
  • 99designs는 그래픽 디자인 크라우드소싱을 위한 마켓플레이스 입니다. 14만명의 디자이너가 등록되어 있습니다.
  • 팀구성 : 8 devs, 2 dev ops, 2 ux/designers
  • 매달 수천만 PV
  • 소프트웨어 스택 : 대부분 Amazon 기반 스택 사용
  • Elastic Load Balancer , Varnish , PHP with Apache/mod_php , S3 , Beanstalk
  • Amazon RDS (MySQL) , Memcached , MongoDB  , Redis
  • Rightscale/Chef , NewRelic, CloudWatch, Statsd
  • 이런 인프라 소개글을 국내에서 많이 볼 수 있는 날이 빨리 왔으면.. 웹 서비스를 하는 벤처들에게 아이디어와 기획이 물론 중요하겠지만, 이런 인프라 스트럭쳐를 구성하는 건 그냥 기본이 되어야, 빠른 성장이 가능. 소프트웨어 스택 리스트에서 뒤로 갈수록 국내 업체들이 취약한 부분들이라고 생각.
• 빅데이터의 불편한 진실 by @kimws 빅데이터를 논하기전에 데이터사이언티스트와 DevOps를 준비해야 한다는데에 동의!

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

• 입사지원은 API호출로 하세요 회사 홈페이지의 /jobs/apply 엔드포인트에 JSON 으로 이름/이메일/about/이력서 URL 을 던지도록 되어있군요. 개발자 구인을 위한 재미난 아이디어
• 구글 크롬 브라우저의 전세계 점유율이 2012년 말이 되면 50%를 넘을 것이라는 예상 국내는 어느정도까지 올라갈지 궁금하군요

[ 추천글 ]

• Open-Advice 무료e북 공개. 총 308p “FOSS : 우리가 시작했을때부터 알았으면 좋았을 것들” 다양한 자유 소프트웨어 프로젝트의 멤버들이 공유한 42개의 이야기와 레슨들
• 조직내에 새로운 프로그래밍 언어를 소개하면서 배운 교훈들 Lessons Learned while Introducing a New Programming Language 새 언어를 도입하려고 하는 회사가 있다면 읽어보면 좋을듯. 여기서는 Java 기반의 회사에서 Clojure를 도입했네요

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

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

이번주는 “Welcome to the Jungle” 이라는 글을 메인으로 선정했습니다. 하드웨어 발전에 의해서 소프트웨어 개발자들이 주목해야할 부분들이 잘 정리된 글입니다. 조금 길지만 천천히 읽어보시기 바랍니다.

[ 추천글 ]

• 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쪽이 최강이군요. 요즘 핫이슈라는 위상을 보여주는듯

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

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

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

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

• 안드로이드를 싫어하는 이유 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 님이 그려주셨습니다. 정말 멋진 도표네요. 문제를 바로 아는것이 해결의 시작입니다.

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

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