글쓴이 보관물: xguru

구루의 기술뉴스 : 페이스북의 개발문화, 트위터 한글화..

구루의 기술뉴스 ( GuruNews ) 4회차입니다. 이 기술뉴스의 설명은 구루의 기술뉴스 : 2011년 첫번째 뉴스레터 를 참고하세요. 매주 월요일에 발행됩니다.

이번주는 페이스북 내부의 개발문화 와 페이스북의 국가별 점유율, 트위터 한글화 , 야후의 인증방식 변경, HTML5 의 로고 , 구글의 에릭 슈미트 사임등이 주요 뉴스입니다.

2011년 01월 24일, KTH 아키텍트 그룹이 발행하는 기술 신동향 & 뉴스 링크입니다.

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

  • 페이스북이 어떻게 코드를 Ship하는가 http://j.mp/hDVdaX 잘 알려지지 않은 페이스북 내부의 개발방식/문화를 알 수 있는 글. 정말 흥미롭네요. 따라하기도 쉽지 않을 듯 합니다. 입사후 Boot Camp 4-6주간에 10%정도가 회사를 떠난다는 군요. 구글에 비해 페이스북은 아직 많이 공개가 안 된듯.. 이런 내부문화를 얘기해주는 글을 찾아보기가 어렵습니다.
  • 트위터가 공식으로 한글화 되었습니다. 창업자 에반 윌리엄스가 방한하여 기자회견을 가지고 다음/KT/네이버/LG u+ 와 협의 후 다음 메인페이지에 트위터 트윗들이 보이게 되었으며, LG U+를 통해서는 SMS로 트윗이 가능하게 되었습니다. 그리고, 트위터 공식 블로그에 한글로 포스팅이 올라왔습니다. 제목은“한글 트위터” http://j.mp/igmWRS 작년에 한국내의 트위터 사용자가 10배 이상 증가했다고 합니다.
  • Yahoo 가 공식적으로 페이스북 과 구글계정(OpenID)을 통해 야후 서비스를 이용할 수 있도록 인증방식을 변경했습니다 http://j.mp/eUH6mt , 처음으로 야후 서비스 이용 시에도 페이스북/구글아이디로 사용가능하며 추가정보 몇 개만을 요구합니다.
  • 페이스북 국가별 점유율 및 1년간 성장세 그래프 (PDF파일) http://j.mp/hnW5z2 한국의 성장세가 놀랍고, 6억 사용자를 가진 페이스북이 아직도 성장할 곳이 많다는 건 두렵네요.
  • 작은 직원 수에 몇 백만 사용자를 가진 회사들 http://j.mp/hkpbJD 워드프레스는 72명으로 3200만,텀블러는 18명으로 1200만,트위터는 300명으로 1억7500만,스카이프는 500명으로 5억명 이상..
  • Firefox 4 Beta 9 출시 – JaegerMonkey를 탑재하여 자바스크립트 속도 향상 및 HTML5 기능 대폭 지원. 구글WebM 코덱 포함 http://j.mp/e7xq6e
  • note&point – 잘만든 키노트&파워포인트 슬라이드만 모아놓은 사이트 http://j.mp/iaojAw 프리젠테이션들 퀄리티가 정말 우수합니다.

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

  • 지난주부터 현재까지 미국 앱스토어 무료앱 1위 게임인 “Bubble Ball” 개발자는 14살입니다. 인터뷰 동영상 http://j.mp/ek8wGQ 게임 등록하려면 수많은 산을 넘어야 하는 국내와 비교됩니다. 처음에 개발자가 소개하는 글을 올렸던 GameSalad 의 포스트도 참고하세요 http://j.mp/eof6Ij 매우 생산적인 커멘트와 대화들이 오고 가고 있습니다. 게임 개발에 사용한 엔진은 iOS & Android 크로스 플랫폼 게임엔진인 Corona 입니다. http://j.mp/hBUy7y
  • 아이폰/안드로이드/블랙베리 앱 개발을 위한 Cheat Sheet 모음 http://j.mp/ev4scy
  • iBooks 의 고정 레이아웃 EPUB 분석 http://j.mp/fLSwGS 애플이 독자적으로 EPUB에 추가한 확장기능. e북 관련 작업시 참고하세요
  • 아마존 안드로이드 앱스토어의 가격정책 : 개발자는 권장소비자가(MSRP)를 지정하고 실판매가격(RP)은 아마존이 결정. 개발자는 RP의 70% 또는 MSRP의 20%중 높은것으로 수익을 얻음 http://j.mp/eGzhBk , 이런 아마존 앱스토어의 가격정책은 기존의 아마존 상품판매 방식을 거의 따르고 있어서, 아마존이 운영하는 다양한 세일즈 알고리즘 적용이 가능할 것으로 예상됩니다.
    • 예를 들어, 개발자가 $10 로 가격을 지정했다면 그대로 팔리면 개발자는 $7의 수익.
    • 아마존이 세일을 통해 해당 앱을 $5에 판매하면 개발자는 $3.5의 수익.
    • 아마존이 특별세일로 $1 또는 무료로 판매하더라도 $2(MSRP 의 20%) 수익보장.

[ 프로그래밍 ]

  • Git Immersion – 단계별로 따라해보는 Git 총 52단계 http://j.mp/f874Jo , 최근 오픈소스들의 CVS 대세로 떠오르는 Git를 설명하는 깔끔한 디자인의 튜토리얼 사이트입니다.
  • Google Code 에서 이제 CodeMirror 자바스크립트 에디터를 적용해, 웹브라우저 상에서 직접 코드 수정이 가능하게 되었습니다 http://j.mp/idozTS , CodeMirror 는 코드편집용 온라인 에디터 자바스크립트 라이브러리로 JS/CSS/파이썬/루아/C# 등 다양한 언어 컬러링/들여쓰기를 지원합니다. http://CodeMirror.net
  • Appcelerator 가 Aptana 를 인수 http://j.mp/gITSuR 기존 웹 개발 IDE 와 크로스 플랫폼 개발툴의 만남이군요. 저희 Appspresso 의 강력한 경쟁자가 되버렸네요
  • jQuery로 엘리먼트 멋지게 생성하기. 이 방식으로 생성하면 Git에서 소스코드 변경확인도 더 좋아집니다 http://j.mp/hpQQNc
  • Implementing-REST : RESTful 형태의 API 를 구축할때 필요한 정보를 한데 모은 사이트 http://j.mp/eRLBE0 위키형태로 비디오&오디오 강좌/REST 룰 및 원칙/사용가능한 프레임워크등이 정리되어 있네요
  • sight: The Syntax Highlighter for Chrome http://goo.gl/xhBaV , 크롬브라우저 사용지 웹페이지에서 소스보기 했을 때 나오는 창의 소스를 이쁘게 만들어줍니다.
  • 아이패드 사파리에서 현재 웹사이트의 소스를 쉽게 보기 위한 북마클릿 http://j.mp/gD3ayi 아이패드용 웹 페이지 개발할때 유용하겠네요
  • 마이크로소프트의 차세대 웹개발툴 WebMatrix 공개 http://j.mp/hBgFAf , Drupal / WordPress / Textyle / XE 등 다양한 국내외 오픈소스 어플리케이션을 지원합니다. ASP.NET 과 PHP를 동시 지원하며, SQL Server 와 MySQL 도 지원. Razor 라는 심플한 구문을 지원해서 빠르게 웹 페이지를 개발할 수 있게 해줍니다. SEO ( Search Engine Optimization ) 을 기본 지원해서 개발자 놓친 최적화 부분들을 체크해서 알려주는 기능이 맘에 드네요.

[ HTML5/CSS/Javascript ]

  • HTML5 FileSystem API 튜토리얼 http://j.mp/e3wJhp 현재 FileSystem API는 크롬 9+에서만 동작됩니다. 마지막에 있는 터미널 에뮬레이터가 재미나네요
  • W3C 의 HTML5 공식 로고 공개 http://j.mp/go5m1t
  • HTML5 Security Cheatsheet – http://html5sec.org/ , HTML5 의 보안에 관련된 이슈를 한눈에 보기
  • WHATWG 에서 “HTML is the new HTML5” http://j.mp/fAmVf6 라는 글을 통해 HTML5에서의 버전번호를 없애고 그냥 “HTML”이라고 부르겠다고 결정했습니다. 이를 통해 HTML은 지속적으로 업데이트되는 살아있는 표준(living standard)이 될 것이라고 밝혔습니다.

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

  • 아마존 Elastic Beanstalk서비스 시작. AWS클라우드에 손쉽게 어플리케이션을 Deploy&관리가능. EC2인스턴스를 만드는 등의 작업을 없애서 개발자가 더욱 쉽게 AWS를 이용하게 함 http://j.mp/e36z0l
  • Relational Cloud : 클라우드용 DBaaS ( Database as a service ) 에 대한 논문 http://j.mp/gSNurU 효율적인 멀티테넌시,탄력적인 확장성,DB보안 등 3가지 이슈 해결
  • 아마존 AWS위의 개발자용 플랫폼(Paas)들. Rails는 http://Heroku.com , Spring은 http://CloudFoundry.com , PHP는 http://phpfog.com 등 개발자를 위한 다양한 플랫폼들이 운용되고 있습니다. AWS위에서 제공되는 솔루션들 리스트 http://j.mp/er8aQV

[ 해외 뉴스 및 블로그 , 기타 소식 ]

  • 구글 CEO 인 에릭 슈미트가 사임했습니다. 이에 대해 “Googled”의 저자인 켄 올레타의 컬럼. “에릭 슈미트는 왜 물러났는가” http://j.mp/elYZjp , 주요내용 요약한 한글기사 http://j.mp/etVEq9 . 결정적인 이유는 중국 문제를 놓고 래리 페이지 및 세르게이 브린 두 창업자와 갈등을 벌인 것이라는 분석.
  • 삼성TV용 앱 경진대회 “Free the TV” 의 1등앱 WeDraw http://j.mp/ejIrZI TV와 스마트폰을 연결해서 다른사람이 그리는 그림이 뭔지를 맞추는 게임. 재미난건 클라이언트는 모두 아이폰 이군요.
  • PDF,Flash,HTML 등에서 데이타 수집방법 & 구글 Refine으로 복잡한 데이타 깔끔하게 수정하기 가이드 : “Scraping for Journalism” http://j.mp/fBDVuy , 다양한 데이터를 수집 & 분석하여 멋진 비주얼 & 스토리텔링을 통해 표현하는 데이터 저널리즘은 수많은 데이터들이 급속하게 생성&전달되는 뉴스환경의 변화 속에서 언론이 나아가야 할 중요한 방향중의 하나로 논의되고 있습니다. 관련해서 스탠포드의 “Journalism in the Age of Data” 라는 비디오 리포트를 한번 보시기 바랍니다. http://datajournalism.stanford.edu/
  • 2000~2009년 10년간의 주요 그래픽 디자인들 http://j.mp/g43Kyp 아이팟/해리포터/페이스북/AT&T/LOST/(RED)/오바마 HOPE/WOW/Avatar/24/Wikipedia ..
  • 개발자 구인방법이 잘못되었다는 통쾌한 글 “The Valley Lacks Flexibility, Not Talent” http://j.mp/hTqa3J 실리콘밸리 회사들도 저 모양인데, 국내회사들은.. ?

이상입니다. 멋진 한 주 되시기 바랍니다! 그리고, 피드백 환영합니다!
제 블로그를 RSS리더에서 구독하시거나 , 제 블로그를 이메일로 구독하실수 있습니다.

구루의 기술뉴스 : 유용한 Web Site 140개, iOS 4.3 정리, 구글 크롬과 H.264

구루의 기술뉴스 ( GuruNews ) 3회차입니다. 이 기술뉴스의 설명은 구루의 기술뉴스 : 2011년 첫번째 뉴스레터 를 참고하세요. 매주 월요일에 발행됩니다.

지난주에는 각 매체에서 쏟아진 2010년 각 분야 예상들을 모아봤습니다.
이번주는 140개 가량의 유용한 Web Site 들과 iOS 4.3 베타 펌웨어 및 Verizon 의 iPhone 소식, 구글 크롬의 HTML5 에서의 h.264 지원 제거가 주요 뉴스입니다.

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

  • 유용한 웹 사이트 101개 http://j.mp/ijqQnw 웹 앱이라고 부를 수 있는 다양한 사이트들.
    • Screenr.com – 정말 쉬운 방법으로 데스크탑 화면을 동영상으로 캡쳐하고 웹에 공유합니다.
    • Bounceapp.com – 웹 사이트를 캡쳐하고 그 위에 피드백을 달아 지인들과 아이디어를 공유하기 쉽게 합니다.
    • Untiny.me – 짧은 URL 들을 원래의 긴 URL 로 바꿔줍니다. API 도 제공
    • printwhatyoulike.com – 웹사이트 프린트시 필요없는 부분을 지우고 원하는 부분만 프린트 하게 해줍니다.
    • tabbloid.com – RSS 피드를 타블로이드 형태로 만들어 이메일로 배달해 줍니다.
    • join.me – 소규모 컨퍼런스 & 미팅을 위해 화면을 쉽고 빠르게 공유
    • dabbleboard.com – 온라인 화이트 보드
  • 웹 개발자를 위한 멋진 웹 앱 사이트 8개 http://j.mp/e772rk min.us / Wirify / CSS Resetr / Head JS / C&P Char / DB Designr / Web2PDF / ScriptSrc
    • min.us – 드래그 & 드롭으로 이미지 업로드
    • Wirify – 특정 웹페이지를 와이어프레임으로 만들어주는 북마클릿
    • DB Designr – 온라인에서 Database Schema 를 생성해주는 툴
  • 창의적인 사람들을 위한 웹 앱 20선 http://j.mp/fdeomk Drawing&Painting/이미지편집/비디오편집/음악생성 까지! 웹 앱의 발전이 정말 놀랍습니다
    • DeviantART Muro , Sumo Paint , Pixlr , Photoshop Express , Picnik : 웹 상에서의 그림 그리기 및 이미지 편집툴
    • JayCut , YouTube Editor : 비디오 편집툴도 이제 온라인에서 제공됩니다.
  • 구글 랩이 제공하는 웹 개발자용 툴들 9종 http://j.mp/ecsL6k
    • Gruyere – 해커들이 어떻게 보안 약점을 찾아내고, 어떻게 웹 앱을 exploit 하는지를 알려주고 그걸 막는 방법까지 설명하는 웹앱 http://j.mp/gF4gnH 소스코드도 제공
    • Browser Size – 웹사이트 위에 브라우저 크기를 알려주는 마커를 오버레이 해서 실 사용자들이 어느정도까지 보는지를 알려줍니다. http://j.mp/hv014J
  • How-I-Work : 난 이렇게 생산성 있게 일한다! 라는 분들이 자신의 개발/업무방법을 공개하는 사이트 http://j.mp/h5lmiA 아직은 맥 & 루비 쪽이 많지만 더 쌓이면 멋진 사이트가 될 듯합니다. 국내에도 이런 사이트가 있으면 좋겠네요.
  • 구글의 단축주소 서비스 goo.gl API 공개 http://j.mp/hGFcji 주소단축/확장 기능 외에 이 단축주소를 사용한 통계까지도 API로 가져올 수 있습니다.

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

  • Verizon 용 iPhone4 가 발표되었습니다. http://j.mp/htjBm5 , 2월 10일부터 판매를 시작합니다. Verizon 은 미국내 1위 이동통신사이지만 CDMA EV-DO 방식이여서 그동안 아이폰 사용이 불가능했습니다. 버라이즌이 올 한해 아이폰4 판매를 위해서 보조금 5조원정도를 준비했다는 루머가 있는데, 과연 얼마나 시장이 확대될지 주목됩니다.
  • iOS 4.3 변경사항 총정리. 스크린샷 포함 http://j.mp/gMazyG , Verizon 아이폰4에서 보여줬던 퍼스널 WiFi HotSpot 포함 및 아이패드의 락버튼을 원래대로 돌리는 설정, 아이패드에서 앱스위칭을 하기 위한 4-5핑거 멀티터치 제스쳐를 포함합니다. HotSpot 때문에 iPad 3G 의 효용성이 많이 줄것이라는 예상이 많군요.
  • 2010년 모바일 브라우저 사용통계 http://j.mp/gLhSQ4 정확하진 않겠지만 아이폰의 비중이 줄고 그외 모바일 폰들의 인터넷 사용량이 증가세
  • Mobile Perf Bookmarklet – 모바일 웹 개발자를 위한 북마클릿. 등록하면 모든 모바일 페이지에서 Firebug Lite/페이지 리소스보기/DOM몬스터/CSSess 등을 실행가능! 정말 유용합니다. http://j.mp/mperfb

[ 프로그래밍 ]

  • 다양한 화면사이즈의 플랫폼들을 동시에 지원하기 위한 Responsive Web Design 방법 http://j.mp/eWEYIJ , 모바일 웹에 디자인/개발자 분들은 필독!
  • 자바스크립트 Asynchronous 프로그래밍을 위한 서바이벌 가이드 http://j.mp/gNeis8 다양한 비동기 라이브러리들에 대한 설명이 담겨있어 비동기코딩이 필요할때 필독 포스트
  • Interact – 웹 앱에서 터치/마우스를 손쉽게 대응하기 위한 자바스크립트 라이브러리 http://j.mp/gsaJx8 화면줌할때 모바일에선 두손가락 Pinch로, 데스크탑에서는 휠로 대응
  • Multi-mechanize : 오픈소스 웹 퍼포먼스 & 로드 테스팅 프레임워크 http://j.mp/fmeOoY 파이썬으로 되어있고 Mechanize 라는 파이썬모듈을 제공하여 웹브라우징을 프로그램적으로 컨트롤가능
  • 웹 입력폼 관련 보안 처리 방법 정리 http://j.mp/h796Wp 웹사이트에서 입력폼은 보안이 가장 잘 뚤리는 곳중 하나입니다. 미리미리 대비하세요

[ HTML5/CSS/Javascript ]

  • 구글 크롬이 HTML5 Video 태그에서의 H.264 비디오 직접 지원을 제거한다고 발표 http://j.mp/hzwl5Q 이에 대해 많은 비난이 일자 다시 장문의 해명?글이 올라왔습니다. http://j.mp/i3r0qD , 이런 결정이 있게 한 이유가 Youtube 가 H.264 & WebM 동시지원 때문에 비용이 많이 들기 때문 아니냐는 포스트 ( http://j.mp/hu3ded )도 있고, 이 결정 때문에 Adobe Flash 가 회생하게 되었다는 얘기들도 많습니다. ( Flash 는 내부에서 h.264 를 기본으로 지원하기 때문 ) 이에 대해 “온라인 비디오의 이상주의 시나리오 와 현실주의 시나리오” 라는 번역 글도 한번 읽어보세요 http://j.mp/dJvA8v
  • Cloud Carousel – jQuery 용 3차원 이미지 캐러젤 http://j.mp/eph6yC 아주 멋진 효과를 보여줍니다만, 아직 모바일에서 쓰기엔 너무 느리군요.
  • HTML5 기반의 ImpactJS 웹 게임엔진으로 만든 HTML5 버전 웹 타이핑 게임 ZType http://j.mp/hZgjlk 과 슈퍼마리오 http://j.mp/ieDNLy ZType 은 꼭 한번 플레이해보세요.
  • Silk – HTML5 캔바스의 놀라운 활용 http://j.mp/gTiBSS 마우스로 클릭후 드래그 해보세요. Shift 누르면 마우스로 바람방향도 조절가능
  • 웹 게임을 위한 자바스크립트 게임 엔진 리스트 http://j.mp/hDmEL1 30개가 넘는군요
  • arbor.js – 웹워커와 jQuery 를 이용한 Graph Visualization 자바스크립트 라이브러리 http://arborjs.org/ 메인페이지 자체를 그래프로 만들었군요
  • 어디에 HTML5의 <section>을 써야하는가 http://j.mp/gPSvnF

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

  • Megastore – 구글 앱 엔진을 지탱하는 데이터엔진. Megastore는 최근의 인터랙티브한 온라인 서비스를 지원하기 위해  NoSQL의 확장성과 RDBMS의 편리함을 잘 조화 시켰습니다. 이에 대한 구글의 논문 ” Megastore: Providing Scalable, Highly Avaliable Storage for Interactive Services” PDF 파일 http://j.mp/ePdl38 이 Megastore 논문을 아마존 웹서비스팀 부사장인 James Hamilton 이 깔끔하게 요약해서 정리했습니다. http://j.mp/e3hVTd

[ 해외 뉴스 및 블로그 ]

  • VC들이 소셜커머스 업체 Groupon에 투자한 이유는 “데이터의 힘” http://j.mp/gDOC3i 어떤 분야든 데이터를 잘 활용하는 회사들이 경쟁력을 가져가고 있습니다.
  • 프리젠테이션을 만들고, 웹상에 공유하는 방법 http://j.mp/e7nKrp 키노트를 이용해서 음성까지 포함한 슬라이드쇼 동영상을 만들고 Archive.org를 통해 HTML5 형식으로 공유

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