글쓴이 보관물: xguru

구루의 기술뉴스 : 10억 사용자를 위한 사이트 만들기 외 26건

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

오늘은 페이스북 엔지니어가 발표한 “10억 사용자를 위한 사이트 만들기” 관련내용을 메인뉴스로 잡아봤습니다.

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

  • 10억 사용자를 위한 사이트 만들기 페이스북 발표자료. 제목부터 기죽이고, 내용은 황당할 정도로 멋지네요. 페북은 매30분마다 10테라 로그데이터를 하둡에 저장하고,사진 6백만장 업로드,1억6천만 뉴스피드생성,50억개의 메시지를 전송합니다. 이를 위한 페이스북의 원칙들
    • 페이스북의 원칙:Focus on Impact – VP든 대졸신입이든 부트캠프에 참가. 발표자의 경험 : 첫날 출근하니 메일이 4통. 한통은 웰컴메일,3통은 선택후 수정할 버그들. 개발환경설정하고 코딩해서 버그잡아 리뷰에 보내니, 다음날 수백만명이 사용하게 배포됨. 이를 통해 자신들의 코드 한줄이 만들어내는 임팩트를 경험하여 초기부터 알게되고 신중하게 개발이 가능. 페이스북 부트캠프에는 시니어 엔지니어가 웃긴 모자를 쓰고 돌아다니며 부트캠프에 대한 설명과 더 효율적으로 개발하는 방법을 부트캠퍼들에게 설명한다. 운영팀도 코드부트캠프는 무조건 참여하고, 이게 끝나면 또 ops 부트캠프에 들어간다. 새로 조인한 사람들을 하나의 공통된 과정으로 참여하게 함으로써, 페이스북의 문화를 즉시/공통적으로 체득하게 하는 효과
    • 페이스북의 원칙:Move Fast. 이를 위한 도구중 하나인 Gatekeeper. 간단한 코드로 A/B 테스팅이 가능하게 함. 지역/나이/성별 부터 다양한 옵션으로 몇%단위의 사용자에게 새로만든 코드를 테스트 및 적용할수 있게해 줌. 새 프로세스가 교체될때 캐쉬가 날아가서 이를 다시 채우는데 드는 시간을 줄이기 위해,캐쉬와 프로세스를 분리하고 shm으로 엮었다. 해커쏜을 통해 개발된 기능으로, 많은 페북 개발자들이 사내툴스택에 기여해서 향상중
  • 숫자로 보는 eBay 하둡 & 테라데이터 클러스터에 10페타의 데이터/3억개의 아이템/일일 2억5천만 쿼리/일 20억PV/1억 액티브 사용자/일 750억 DB호출
  • How browsers work Internally HTML5Rocks 에 올라와서 유명해진 브라우저 내부 소개글의 저자 Tali Garsiel의 30분 직강

 

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

 

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

  • 웹브라우저 상에서 15분만에 Git 배우기 GitHub가 멋진 Git 튜토리얼 페이지를 공개했네요.
  • Bootstrap Tour – 트위터 부트스트랩을 이용한 Tour 페이지 만들기. SDK 소개 같은거 만들때 좋겠군요
  • jQuery 1.9와 2.0 FAQ 정리 ie 6/7/8 지원은 1.9가 담당. 2.0은 미지원. 2.0이 업그레이드 되면 1.9도 플러그인 형태로라도 계속 유지보수 예정. 한국은 1.9로 통일되겠군요.
  • LazyLoad – 작고 빠른 단독형태의 이미지 느린 로딩 자바스크립트 라이브러리. 43바이트짜리 최소형 gif를 base64로 넣어놓고 onload/onerror 에 교체하는군요
  • Recline.js – 데이터를 보여주는 웹앱을 만들때 사용하는 자바스크립트 라이브러리. Grid/Graph/Map/Timeline 등의 뷰를 지원
  • 요즘 개발자들 사이에서 에디터 선호도 1위라는 Sublime Text 2 의 필수 사용법 가이드  와 팁 모음 Sublime Text 2 Tips and Tricks (Updated) , 처음 시작할때 보시기에 는 @kingori2 님이 정리하신 Sublime Text 2 로 본격적인 작업을 하기 위한 준비 도 좋습니다.
  • Redactor – jQuery 기반의 WYSIWYG 에디터. TinyMCE/CKEditor보다 훨씬작고 9배이상 빠르다는군요. 모바일까지 모두 지원. 오픈소스 프로젝트에는 무료. 그외는 유료
  • dc.js – Dimensional Charting 자바스크립트 라이브러리. 다양한 데이터들을 조합해서 보여줄때 좋겠군요. 예제는 27년간의 나스닥 100 지수인데, 기간선택에 따라 바뀌는게 멋집니다

 

[ DB,클라우드,웹서버,DevOps ]

 

[ 추천글 ]

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

구루의 기술뉴스 : 구글 I/O 와 iPhone 5주년 외 38건

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

오늘은 지난주에 진행되었던 구글 I/O 2012 와 아이폰 5주년?을 맞아 공개되는 다양한 기사들을 메인뉴스로 잡아봤습니다.

[ 추천글 ]

 

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

 

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

 

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

  • GitHub가 공개한 GitHub Archive를 분석해서 Commit 메시지가 Anger/Joy/Amusement/Surprise 등등 언어별로 어떤 통계를 가지는지 분석한 데이터 Exploring Expressions of Emotions in GitHub Commit Messages
  • Handsontable – jQuery 로 만들어진 엑셀과 비슷한 형식의 편집가능한 테이블 에디터. 깔끔하네요. 간단한 표 보여주거나 가계부 만들때 좋을 듯
  • RoboHydra – 오페라가 공개한 HTTP 클라이언트 테스트 툴. 원하는 응답을 보내주는 서버를 쉽게 만들수 있어서, 앱/클라이언트쪽 테스트가 편하게 도와줌. node.js로 개발됨
  • 웹앱개발자가 꼭 봐야할 구글 I/O 2012세션. Paul Irish 의 Better Web App Development Through Tooling 자막있어서 동영상 보기 편하네요 😉
  • Yeoman – 구글I/O 에서 Paul Irish가 공개한 웹앱용 클라이언트 사이드 툴 + 프레임워크. 요즘 뜨는 웹앱용 개발툴들을 잘 버무린 종합선물패키지. 많이 편해지겠네요
  • Shumway – 모질라가 만든 Flash VM. 자바스크립트 와 HTML5 캔바스로 SWF를 해석해서 보여줌. 예전의 Gordon과 비슷하지만 액션스크립트를 해석하는 VM이 두개 더 들어가서 훨씬 더 향상됨
  • Flac.js – 무손실 압축코덱인 FLAC 음원을 자바스크립트로 재생. 음원디코더를 만들기 쉽게 도와주는 Aurora.js 를 사용. WebAudio API와 연계되면 브라우저의 코덱 종속문제를 해결할수 있을듯

 

[ DB,클라우드,웹서버,DevOps ]

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