년도별 글 목록: 2013

구루의 기술뉴스 : 구글 Blink 와 페이스북 Home 외 23건

2 댓글

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

이번주에는 구글이 WebKit 에서 포크해서 새로 만든다는 웹 렌더링 엔진 Blink 에 대한 정보가 쏟아져 나왔습니다. 그 이면에 Apple 과 Google 이 계속 서로 불편했다는 얘기들과 겹치면서, Blink 로 펼쳐질 미래가 어떻게 바뀔지에 대해서 다들 궁금한듯 합니다. 모질라 역시 차세대 웹브라우저 엔진인 Servo 와 프로그래밍 언어 Rust 개발을 삼성과 협력한다고 발표하면서, 그동안 조용했던? 웹브라우저 시장이 시끄러웠던 한주였습니다.

또한 Facebook 이 크게 미디어 이벤트를 했던 Facebook Home 은 페이스북에 특화된 안드로이드 런처로 드러났습니다. 최근에 네이버,다음 에서도 안드로이드 런처를 발표하면서 안드로이드 사용자들의 홈 화면을 차지하기 위한 노력을 보인바 있는데, 어떻게 진행될지 궁금합니다. 해외의 평가를 보면, 런처까지 수정하면서 사용하는 사용자들은 특정 사용자층에만 한정될 것이라고도 하는데, 10억 사용자를 가진 페이스북이 이 판도를 어떻게 바꿀지 기대됩니다.

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

  • Blink : A rendering engine for the Chromium Project – 구글이 WebKit 에서 포크해서 만드는 새로운 웹 렌더링 엔진. 최근에 웹킷을 선택한 오페라도 Blink 로 간다고. Google Blink 공식 페이지 에 적혀있기를 Blink의 Mission 은 “To improve the open web through technical innovation and good citizenship” 라고 합니다. 정말로 그렇게 잘 되길 바래봅니다.
    • Blink 에 대한 ppk의 정리 및 의견 속도를 증가시키면서 파편화는 크지 않을것이라서 찬성하는군요. 저도 현재까지의 정보만으론 긍정적
    • Blinkbait – ppk의 구글 Blink 얘기 두번째. 웹킷은 두마리 사자가 대치상태인것과 같았다. 서로 껄끄러웠음. 발표이후 이미 웹킷에서 크로미엄 관련 코드를 없애기 시작
  • Mozilla 와 Samsung 이 차세대 웹브라우저 엔진인 Servo 와 멀티패러다임 언어 Rust 를 만드는데 협력한다고 발표 Blink 와 함께 웹계의 합종연횡이 이뤄지는군요
  • 반응형 디자인의 효과 4개 사이트가 반응형으로 재단장한후의 결과들. 쇼핑 사이트의 모바일 매출이 100~500%까지 증가한 것에 주목. 바운스레이트 감소, 컨버전레이트 증가.
  • Responsive Retrofitting (반응형 개량) 신규 개발이 아닌, 기존 사이트를 반응형으로 바꾸는 것. 예산 별로 없이 모바일 대응을 해야하는 프로젝트를 대상으로 하는 현실적인 대처방법
  • URL as UI 무려 1999년도에 작성된 글. 하지만 아직 수많은 국내 사이트들이 제대로 하지 못하는 것. 2007년 업뎃내용을 보면 사람들이 검색엔진 결과에서 URL을 보는데 24%정도 시간을 소요. @youminkim 님의 한글 리뷰 UI로서의 URL
  • John Resig 은 어디에? jquery와 processing.js 를 만들고 현재는 칸 아카데미에. 읽어볼만한 인터뷰. 역시나 개발자에게 주목해야할 것으로 node.js 와 PhantomJS를 추천
  • Find Your Way to OZ 근래에 나온 HTML5 로 만든 사이트중 최고인듯. 디즈니의 영화 오즈 그레이트 앤 파워풀 홍보용 사이트.

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

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

  • Queue.js 소스코드 분석 잘 작성된 경량 비동기 헬퍼 JS 코드를 차근차근 설명하는 좋은 글. 남의 코드를 분석하는건 실력을 높이는 지름길. 시리즈로 계속 한다고 하니 기대중
  • GistBox – 코드 스니펫 관리도구. GitHub를 이용하며, 웹앱/크롬 앱 형태로 설치가능. 라벨링/검색등을 지원. Ace에디터로 직접 수정도 가능. Gist 사용하시던 분들은 필수일듯
  • Asm.js – C/C++ 네이티브 코드를 브라우저에서 돌리기 위한 모질라의 새 프로젝트. 존레식의 훌륭한 정리. 솔직히 구글의 NaCL 보다는 더 훌륭한 접근인듯
  • 레티나 웹사이트 만들기 가이드 – 레티나 이용자가 아직은 1%도 안될테니 먼 얘기 겠지만, 맥 사용자용 사이트를 만든다면 알아둘만한듯
  • google-api-nodejs-client – 구글 API 이용을 위한 공식 node.js 클라이언트 라이브러리. OAuth2지원. 알파단계라서 나중에 수정될지도 모르지만 마음은 편할듯

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

  • Node.js 를 이용해서 1백만 동시 커넥션 처리하기 한대의 15GB 짜리 랙스페이스 서버에 node 설치후 500개의 AWS micro 인스턴스로 접속 테스트한 내역
  • Closure 와 http-kit 을 이용하여 한대의 PC에서 60만 동시 커넥션 처리하기 한대의 리눅스 컴퓨터에서 클라이언트 60만개를 올릴수 있도록 네트웍 설정해서 테스트
  • Induction – 맥용 Polyglot 오픈소스 데이터베이스 관리툴. PostgreSQL/MySQL/SQLite/Redis/MongoDB를 기본 지원. 데이터 조회/검색/비쥬얼라이제이션에만 집중
  • 하둡의 현재와 미래 – Hadoop Now, Next and Beyond 호톤웍스 CTO 에릭의 발표. 프로그래밍 모델을 확장하는 하둡2.0과 YARN, 하둡의 미래를 견인할 HCatalog/Ambari/Tez/Stinger/Falcon 등 신규 프로젝트 소개
  • Redis Cloud – Redis-as-a-Service. 무한대로 확장/자동에러복구를 지원하는 Redis 클라우드 서비스. 멀티 샤드/노드에 대해 Redis 오퍼레이션이 가능한 클러스터링 기술을 자체 개발
  • MySQL 쿼리 최적화를 위해 Redis 사용하기 야후 초기페이지에 자기와 연관된 플리커 계정들의 최근사진을 보여주면서 나타난 문제를 해결한 이야기. Redis를 MySQL 2차 인덱스처럼 사용

[ 추천글 ]

  • 지구에서 화성까지 얼마나 먼가요 ? 스크롤을 활용한 Website-as-infographic 이라고 하는군요. 멋집니다.
  • 색상의 영향 인포그래픽 버튼컬러를 녹색에서 빨간색으로 바꾸자 21% CR상승. 웹링크가 다 파란색인 이유는 남여가 다 좋아하는 색상이기 때문. 남/여 모두 싫어하는 색상에 오렌지가 있는건 이상하네요. 전 좋은데..

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

스타트업에서 개발자를 모시는 방법

12 댓글

어제 모 스타트업 분과 얘기를 나눈 내용들을 정리해서 간단히 적어봅니다.

최근에 벤처/스타트업 분들과 만나보면 대부분 같은 얘기를 하십니다.

“같이 일할 개발자 뽑기가 힘들어요“

하지만, 얘기를 나눠보면 훌륭한 개발자를 모시기엔 다소 아쉬운 부분들이 있어서..
제가 생각하는 훌륭한 개발자를 모시는 방법에 대해 얘기를 해보려고 합니다.

물론, 이 얘기는 그 스타트업이 현재 추진중인 비즈니스 자체가 매력있어야 한다는 것, 그 회사가 가진 비젼이 설득력이 있어야 한다는 것은 기본입니다. 복지 또한 중요하지만, 이글에서는 얘기하지 않습니다.

개발자 뽑아요!

보통은 그냥 개발자!가 필요하다고 얘기합니다만, 어떤 분야의 개발자를 뽑는가가 매우 중요합니다. 그것도 그냥 어떤 어떤 기술을 가진 iOS/Android/Server/Web 개발자를 뽑는다고만 얘기해서는 더더욱 개발자들이 흥미를 가지지 않습니다. 아래와 같이 적어보면 어떨까요 ?

저희는 모바일 기반의 OOO 서비스를 만드는 스타트업입니다. 서비스 기술 형태를 보면 해외의 AAAA / BBBB 서비스와 비슷합니다. 주 언어는 Python + Flask 기반으로 되어있고, 현재는 MySQL 과 Redis 를 이용해서 백엔드가 구성되어있습니다. 프론트는 iOS/Android 단말 어플리케이션을 주로 개발하고 있습니다. 여기에 Etsy 가 잘 하고 있는 Metrics Driven Development 기법을 도입하고, StatsD 를 이용해서 서비스별 메트릭들을 수집하고 있습니다. 또한 Google Analytics for Mobile 을 서비스 구석구석까지 적용해서 사용자 데이터를 뽑고, 그 기반 하에 서비스를 최적화 하는 Data Driven Business 를 하는 야심찬 스타트업 입니다. 아래는 이중 몇 몇 주요 지표들의 Dashboard 입니다. 보시는 바와 같이 저희 서비스는 계속 성장하고 있습니다.

이번에 서비스 확대를 위해서 XXXX 라는 확장 서비스를 만들 예정이고, 모바일에서 타블렛/데스크탑으로 확장을 시도할 예정입니다. 웹앱 프레임워크로는 AngularJS 를 도입하려고 합니다. 그래서 AngularJS / Responsive Web 에 익숙하신 웹 개발자 분과 서버측 API 를 담당할 Python 개발자 분을 모시고 싶습니다. 또한, 사용자 증가를 대비해서 클라우드/캐쉬/CDN 까지 자동화 구성을 하실 서버 인프라 엔지니어도 모시고 있습니다. 국내에서 사례가 별로 없는 Metrics Driven Engineering 을 해보고 싶으신 엔지니어분들 많은 지원 부탁드립니다.

보통 많은 채용공고에서, 우리는 어떤 어떤 기술을 가진 개발자를 찾는다고만 적혀있지, 그 회사가 어떻게 기술을 사용하고 있는지는 별로 얘기하지 않습니다. 제가 위 글을 통해 원하는 바는.. 회사의 내부 기술 스택을 정확히 알리고, 서비스가 기술적으로 가진 Fancy 함을 보여주지 않고서는 개발자 분들이 매력을 느끼지 못한다는 것 입니다. ( 그래서 요즘 인기를 끌고 있는 MDD & StatsD / Responsive Web / AngularJS 를 강제로 집어넣었습니다. 말이 좀 안되도 이해해주세요 ^^; ) 그래서 개발자가 참여한다면, 이 서비스를 만들면서 기술적으로 어떤걸 재미나게 해볼수 있고, 자신의 커리어 패스에 어떤걸 추가할수 있다는게 명확히 보였으면 한다는 것입니다.

해외 서비스들이 왜 위와 같이 자신의 소프트웨어 스택을 잘 포장해서 홍보할까요 ? 제가 위에 적었던 내용들보다도 훨씬 길게 자신들의 소프트웨어 스택을, 그 것들을 통해 해결한 문제들을 설명하고 있습니다.
그 기저에는 “우리가 이렇게 재미난 일 한다. 멋지지 ? 같이 해보지 않을래 ?” 라는 의미가 많다고 생각합니다.

스타트업의 기술홍보

그래서, 스타트업들이 기술적으로 자신을 홍보 하는 첫번째는 엔지니어링 블로그를 만들고, 내부의 기술스택을 소개하고, 서비스를 만들면서 해결한 점들을 적어가면서 외부에 자신들을 알리는 겁니다. 그걸 통해 내부와 외부 개발자들이 소통하며 같이 커나갈 수 있고, 외부의 개발자들이 관심을 가지게 될수 있습니다.

그중 좋은 글들을 골라서 VentureSquare 같은 곳에 기고하면서 자신들을 소개하면 개발자들과 얘기하기가 쉽지 않을까요 ? ( 명대표님 받아주실꺼죠 ? ^^ ) 구인공고 내고 기다려서는 좋은 개발자를 만나기 어렵습니다. 이렇게 정리된 글들, 발표된 글들을 가지고 개발자들이 모인곳에 가서 자신의 스타트업을 홍보하셔야 합니다.

혹시 소프트웨어 스택을 정리하신 스타트업들이 계시다면, 저에게도 알려주세요.
제 트위터와 이 블로그의 기술뉴스를 통해서 적극적으로 홍보해드리겠습니다.

좋은 개발자 분들을 만나시기 바랍니다 😉

국내 스타트업들의 아키텍처 공개

구루의 기술뉴스 : 트위터와 핀터레스트의 빠른 변화뒤엔 DevOps가 있다 외 18건

댓글 남기기

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

이번 회차에는 DevOps 가 빠르게 변화하는 회사들을 뒷받침해준다는 인포그래픽을 메인으로 선정했습니다. DevOps 가 뭔지는 ‘DevOps, 개발과 운영의 새로운 문화‘ 글을 참고하세요. 그리고 개발관련해서는 구글이 만든 웹 프레임워크인 AngularJS 가 최근에 많이 거론되고 있네요.

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

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

  • Adobe 개발자 사이트에 올라온 AngularJS 시작하기 대세는 대세인듯. AngularJS 추가강좌 하나 더 AngularJS Directives and The Computer Science of JavaScript
  • jQuery 개발자를 위한 AngularJS jQuery는 라이브러리, AngularJS는 프레임워크
  • mqa.js – 540바이트 짜리 초경량 미디어쿼리 라이브러리. CSS에 커스텀신택스 사용한후 JS에서 연결하는 방식
  • O’reilly 가 개최하는 무료 자바스크립트 온라인 컨퍼런스 Fluent 2013 한국시간으로 4월 5일 새벽 2시. JS의 “this”/Node 와 Express/AngularJS의 기본 등 2시간
  • Dashing – Shopify가 공개한 Sinatra 기반의 오픈소스 Dashboard 프레임워크. 서비스 모니터링에 있어서 이쁜 대쉬보드를 만드는건 필수. 1080p 스크린에 최적화 됨
  • Web App 개발자를 위한 크롬 DevTools 확장 Ember/Backbone/Angular/KnockoutJS/Rails/CoffeeScript/Grunt 등 자신이 쓰는 라이브러리에 맞게
  • 자바스크립트 어플리케이션 배포하기 퍼포먼스 관련 다양한 팁들을 정리. Module Server/Pictos Server/Grunt 관련 등, 내부의 링크들 모두 세심히 살펴볼만
  • TAL ( TV Application Layer ) – BBC가 HTML 기반 TV앱 개발을 위해 만든 오픈소스 라이브러리. 문서/위젯/샘플/튜토리얼 까지 포함. 정리 깔끔하네요
  • Formula.js – Excel에서 사용하는 각종 수식들을 구현한 자바스크립트 라이브러리. 데이터분석툴이나 어드민툴 제작시 기능확장용등으로 사용가능할 듯
  • Huginn – 야후 Pipes + IFTTT의 오픈소스 버전. 다양한 Agent를 이용해서 자신만의 자동화 작업을 구현가능. Ruby/Capistrano/Unicorn/Nginx로 구성

[ 추천글 ]

  • 개발자들과 대화하는 법 개발자들은 개발자들과 대화하기를 좋아합니다. 경험 있는 SW 매니저라면 개발자처럼 생각하고 대화를 시작해 주시면 좋겠죠.
  • Tesla is The New Apple 2005년 아이폰 출시전의 애플과 비슷하다는데 한표. 애플이 Tesla 를 사면 더 재미난 그림이 될것 같은데..

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

구루의 기술뉴스 : 구글 생산성의 비밀 Snippets 외 32건

댓글 남기기

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

제 신변에 변화가 있고나서 첫번째 기술뉴스네요. 앞으로도 계속 제 블로그를 통해서 기술뉴스를 전해드리겠습니다.

[ 추천글 ]

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

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

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

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

[ 하드웨어/Gadget ]

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

CEO는 편집장이다 – 모든 작은 디테일 하나에도 완벽을 기하되, 디테일의 개수를 제한해라

1 댓글

The CEO as Chief Editor

트위터 창업자이며, 현재는 모바일 결제 서비스 Square의 CEO인 Jack Dorsey가 자신은 Chief Editor(편집장) 이라고 생각한다고 하면서 발표한 내용을 발췌한 짧은 동영상입니다. 제가 요즘 가장 중요하게 생각하는 단어인 “디테일” 에 관한 내용이 있어 이 내용을 정리한걸 공유합니다.

“모든 작은 디테일 하나에도 완벽을 기하되, 디테일의 개수를 제한해라.”

편집장으로써, 할일이 매우 많지만 보통 그일들중에서 한두가지만 중요하다.

사용자/엔지니어/지원인력/디자이너들로부터 오는 아이디어와 이야기들은 계속 넘쳐난다.
우리는 이중에서 네트웍,서비스,제품을 유지하고 이끌어 갈수 있는 한두가지만 선택을 해야한다.
편집장으로써 난 회사의 최고 편집자이며, 이런 모든 인풋들로부터 이중 하나 또는 몇가지들을 교차시켜 우리가 하는 일들과 잘 맞는것을 선택해야 한다.

특별히 내가 신경쓰는 세가지가 있다.

첫째는 Team 이다.

우리는 최고의 사람들을 뽑아야 하고,
최고의 사람들로 구성할수 있도록 조정해야 하고,
모든 부정적인 요소들을 제거해야한다.

우리는 결국 한 그룹의 사람들이 한개의 목표를 향해 같이 일하고 있는 것이며,
우리가 하나로 뭉쳐 같이 나아가지 않는다면, 우린 여기저기 돌아다니게 될것이다.
이런 난잡한 회사가 만든 제품은 아무도 쓰지 않게 된다.
그래서 구인(recruting)이 첫번째다.

두번째는 내부/외부의 커뮤니케이션 이다.

내부 커뮤니케이션은 우리가 뭘하고 있고, 왜 이걸 하고 있고, 우리의 목표가 뭐고,
우리의 목표가 왜 그런지에 대해서 일치하는 의견을 가지도록 얘기하는 것이다.

만약 여러분이 “이곳이 우리가 가는곳이고, 다음 30일은 이렇고, 다음 3달간은, 다음 6개월, 다음 1년은 어떨것이다” 와 같은 것을 가지고 있다면 이게 비젼이며, 이런 하이레벨의 비젼이 있다면 회사의 모든 결정요소들에 대해 올바른 우선순위 지정이 쉽게 될것이다.

외부 커뮤니케이션은 제품(Product)이다.
제품은 우리가 세상에 대해서 말하는 이야기(Story)이다.
우리는 모든 것을 이 제품을 통해서 커뮤니케이션 하길 바란다.

이 이야기는 특정한 사람에 대한 것이 아니라, 사람들이 이 제품을 어떻게 사용하고, 사람들이 이 제품을 어떻게 자신들의 삶에 집어넣고, 그들이 이 제품으로 무엇을 하는지에 대한 이야기이고 싶어한다.

세번째는 돈을 조정하는 것이다.

이건 투자와 매출 두가지로 얘기가 된다. 투자자로부터 돈을 받거나, 매출을 내거나.
운좋게도, Square의 경우는 첫번째 날부터 매출이 있었으므로, 우린 계속 제품을 만드는데만 집중하고 투자에는 별로 신경쓰지 않았다. 우린 매출에만 집중할수 있었다.

이 세가지가 내가 CEO로서 계속 하는 일이다.

성장하고 빠르게 움직이는 회사를 쉽게 관리하는 방법은 기본적으로 딱 한가지가 있다.

“모든 작은 디테일 하나에도 완벽을 기하되, 디테일의 개수를 제한해라.”

이걸 잘할수 있다면 어떤 조직구조에 있거나, 어떤 회사나 조직에 있더라도, 성공할수 있게된다.
바로 당신이 가장 작은일에도 신경을 쓰고 있기 때문이다.
그리고 만약 당신이 중요하다고 생각하는 가장 작은일에도 신경을 쓴다면, 다른 모든것들은 알아서 처리될것이다.

—

앞서 말씀드렸듯이 제가 요 몇년간 가장 중요하게 생각하는 단어는 디테일입니다.
좀 강력히 얘기하면, 무한 경쟁의 시대에서는 디테일 밖에 경쟁할게 없다고 생각합니다.
그래서.. 한참동안 무미건조한 기술뉴스만 올렸던 제 블로그에 이 디테일에 관한 얘기들을 좀 올려볼까 합니다.