글쓴이 보관물: Chris Kwon

린분석(Lean Analytics) with 레진코믹스

2월 15일 디캠프에서 열린 “Lean, 스타트업을 이끄는 지표” 에서 발표한 자료입니다.

40분용으로 만들려고 한건데 내용이 너무 많아서 약 한시간 반에서 두시간 정도의 발표 분량이 되어버렸네요. 조금 민감한 회사 내부 자료 들을 삭제하고 공개합니다.

린 분석(Lean Analytics) 책은 스타트업을 준비하시는 모든분들께 강력 추천 합니다. 다만 책이 아주 친절한 편은 아니어서 사전 지식들이 조금 필요한데요. 린스타트업 기본 서적 한권 정도는 읽어보신 후에 보시길 권해드립니다. 또한 Funnel,A/B테스트,코호트 등의 기본 설명에 대해서는 하용호님이 공개하신 “스타트업은 데이터를 어떻게 바라봐야 할까?” 를 보시면 아주 쉽게 이해하실 수 있습니다. 제 자료를 보시기 전에 꼭 보세요. 용호군 고마워~ 😉

제 설명이 없이 슬라이드만 보시기에는 조금 불친절한 자료입니다만, 도움이 되셨으면 합니다. ^^;

구루의 기술뉴스 – GitHub가 만든 차세대 에디터 Atom 외 20건

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

오늘의 메인뉴스는 GitHub가 공개한 차세대 에디터 Atom 입니다. Sublime Text 이후 개발자를 위한 이렇다 할 에디터가 나온 적이 없는데, GitHub가 오랫동안 준비했다는 야심작이 튀어나온 터라, 높은 관심을 받고 있습니다. 물론, 아직 오픈소스가 아니고, 맥만 지원하고 , 자바스크립트 기반이라 느리다는 비난들도 있긴 합니다만, 웹기술에 기반하여 만들어져서 다양한 확장을 기대해볼 수 있을 것 같습니다. 추가적으로 QCon 2013에서 페이스북의 Christian Legnitto 가 발표한 페이스북의 모바일 릴리즈 프로세스 자료도 꼭 한번 보시길 권해드립니다.

[ 프로그래밍/HTML5/Javascript ]

  • Atom – GitHub가 공개한 Chromium 과 Node.js 를 포함한 웹기술로 만들어진 데스크탑 에디터. SublimeText 와 비슷한 UI를 가지지만, 설정쪽은 더 편리. Sublime Package Control 기능을 npm과 비슷한 apm이라는 내장 기능이 대신 수행.
  • Bucky – 사용자 브라우저에서 직접 웹 앱의 속도를 측정하는 툴. 클라이언트측에서 전송한 데이터를 Node로 작성한 서버가 받아서 statsd+graphite 나 OpenTSDB 등으로 전달
  • 자바스크립트 Promise 안티패턴 모음 – Nested / Broken Chain / Collection / Ghost Promise 등
  • Headroom.js – 탑메뉴를 스크롤다운할때 없앴다가 올라갈때 다시 보이게 하는 순수 JS 위젯. CSS 클래스 하나만 추가하면 되고, jQuery 와 Angular.js 에서 쉽게 쓸 수 있는 코드도 제공

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

  • 페이스북의 모바일 릴리즈 프로세스발표 동영상 @ QCon 2013 . 모바일팀이 앱을 소유하고 피쳐를 만드는 형태에서, 각 피쳐팀이 모바일 코드를 직접 커밋하는 형태로 변경. 4주 개발하고 3.5주 안정화 후 RC. 개밥먹기의 일상화
  • Design for Performance Etsy 의 모바일웹 엔지니어링 매니저가 이야기 하는 그들의 최적화 기법
  • xctool – 페이스북이 공개한 iOS/Mac 빌드 툴. XCode랑 똑같이 테스트 실행 (애플이 제공하는 xcodebuild 가 신기하게도 이 테스트를 수행하지 않음..) CI연동을 위해 아웃풋을 JSON 으로 출력. 아웃풋 컬러링지원. 테스트병렬수행으로 2-3배 빠름
  • Buck – 페이스북이 공개한 안드로이드/자바 빌드툴. Ant로 빌드하는 거보다 2배이상 빠르고, IntelliJ 프로젝트를 만들어주기 때문에 IDE 빌드와 CI 빌드에 동시 사용가능

[ DB,DevOps,클라우드 및 대용량 시스템 ]

  • http://go.cd – ThoughtWorks가 만든 “지속적 통합 & 배포 자동화” 툴. 다양한 OS용 서버와 에이전트 지원. Go언어랑은 상관없는 이름. 아직 소스코드는 공개준비중.
  • Graph Explorer  – Vimeo가 만든 Graphite 대쉬보드. GEQL 이라는 쿼리랭귀지를 지원해서 다양한 메트릭으로 부터 원하는 그래프를 쉽게 만들어 낼수 있도록 지원
  • Vagrant 1.5 버전에 들어가는 Vagrant Share 기능 프리뷰 자신의 Vagrant 머신을 외부에 공개해서 팀원이 회사 내부 또는 인터넷 어디서나 접속해 볼수 있도록 하는 기능
  • 구글앱엔진 1.9.0 릴리즈 앱을 잘게 쪼게서 배포/관리 및 설정할 수 있게 해 주는 Modules가 GA로 등극. MapReduce가 Preview 피쳐로 포함되며 Cloud Storage와 기본 연동
  • Coding for SSDs – 개발자를 위한 SSD 이해하기 6부작. 많은 분들에게 필요한 것 같진 않지만.. 파트6 Summary 만 읽어놔도 SSD에 대해 많이 이해할 수 있습니다

[ IT 관련 뉴스 ]

  • Berg – 하드웨어를 위한 클라우드 서비스. 다양한 기기를 REST API로 연동하여 웹사이트/모바일 앱에서 연결할 수 있게 해줌. IoT 디바이스를 위한 백엔드 느낌이군요.
  • CloudWash – Berg 클라우드 서비스를 이용해서 만든 네트웍 연결된 세탁기 프로토타입. 뭘 그런걸 다 연결하고 그래.. 하고 봤는데 나름 재미나네요. 6분짜리 시연 동영상
  • 드롭박스의 비디오프로세싱 이야기 ffmpeg + HLS 로 직접 스트리밍 하는군요. 비디오 초기 시작시간을 줄이기 위해 일부분만 프리트랜스코딩 하고 나머지는 요청시에 실시간으로
  • GV Library – 구글벤처스가 창업자들의 성공을 위해서 제공하는 기사/가이드/비디오 모음.  디자인/창업자인터뷰/프로덕트관리/인재채용/엔지니어링/창업가정신/리더쉽/마케팅 에 관한 다양한 볼거리들
  • First Time UX – 각종 모바일/웹 서비스들의 첫인상/좋은점/개선점등을 상세한 스크린샷과 함께 정리한 블로그
  • 구글 I/O 2014 일정공개 6/25-26 특이한건 새로운 신청시스템을 만들어, 신청한 사람중 랜덤으로 선택되는 방식이라고.. 가고 싶어도 못가는 사태가 ㅠㅠ

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

구루의 기술뉴스 – 모바일&웹 UI/UX 라이브러리 사이트들 외 20건

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

오늘의 메인뉴스는 기술쪽이 아닌 UI/UX 쪽을 선정했습니다. 모바일앱이나 웹에서 다양한 UI/UX 들이 선보이고 있어서, 다른 서비스들이 어떻게 하고 있는 가를 살펴보는 것도 중요한 일이 되었습니다. 초기에는 PttrnsAndroid Niceties 처럼 카테고리로 스크린샷만 나와 있는 사이트들이 꽤 만들어 졌었는데, UYI 같은 경우는 애니메이션 GIF로 보여주거나, UX Archive 와 같이 단계별로 캡쳐한 사진으로 쉽게 살펴 볼수 있도록 도와주고 있습니다. 꼭 한번씩 들러보시기 바랍니다.

[ UI / UX / Design ]

  • UYI – User Interaction Library 여러 사이트에서 사용되는 다양한 신 UI들을 쉽게 감상할 수 있도록 애니메이션 GIF들로 보여줍니다. 감상하기 좋네요.
  • UX Archive – 다양한 아이폰 앱들의 UX 요소들을 보기 좋게 정리한 사이트. 동작 기반으로 정리해서 찾아보기 쉽고, iOS6과7 비교도 도 좋네요.
  • Pttrns – 다양한 iOS 앱들의 UX 요소들을 정리한 사이트. 꽤 오래되어서 방대한 양을 자랑합니다.
  • Android Niceties – 특이?하게도 UI가 잘 만들어진 안드로이드 앱들을 정리해서 보여주는 사이트. 보통 이런 사이트는 iOS만 많은데, 안드로이드 개발자들에게는 단비같은 사이트
  • 식상한 UX 패턴과 그 대안들 – Carousel/큰 이미지 배경/메가메뉴/오버레이/글 중간 관련글 링크 등을 쓰지 말라고..
  • 디자이너들이 사진/그래픽/아이콘들을 얻는 곳 정리 무료 이미지 검색엔진 Pixabay,무료 아이콘들 iconmonstr,무료 디자인 리소스 Graphic Burger 등.
  • 웹 디자이너를 위한 교육 사이트 모음 스매슁매거진이 정리한 링크들. 꼭 디자이너용이라고 볼수 없는 다양한 온라인 교육사이트 정리

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

  • Smart App Banner 모바일웹에서 iOS 앱 설치 홍보를 위해서 페이지 상단에 보여주도록 한 애플의 스마트 배너기능을 안드로이드 까지 지원하게 확장한 오픈소스
  • 구글앱스를 쓰시는 분들을 위한 Google Admin for iOS 앱이 나왔군요. 구글앱스 전체 관리가 되는건 아니고, 사용자 및 그룹만 관리가능
  • 구글플레이서비스 4.2에 포함된 새 Client API Model GoogleApiClient로 클래스 통합,API 콜 큐잉 가능,동기/비동기 호출 선택 가능

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

  • Netflix 의 Reactive REST – REST API성능 개선을 위해 만든 Falkor. JSONG 와 JSONG Path 등. 넷플릭스 시스템에 딱 핏되어 있어 보여서 쓰기는 어렵겠지만 재미나네요
  • 언어광을 위한 DART – DART 언어에 대해 깔끔한 코드로 정리한 슬라이드 총 115P. 뒤로 가면 좀 복잡해 지지만, 앞 부분만 스윽 보면서 어떤 언어인가 둘러보기는 좋네요
  • jQuery Notebook – 깔끔한 WYSIWYG 리치 텍스트 에디터. 툴바를 없애고 글 일부 선택시에만 날라서? 나오는 스타일창이 나름 신선하네요
  • InstantClick – 마우스가 링크위에 올라갔을때 웹사이트를 프리로딩 하도록 해서 웹사이트 로딩을 빠르게 만들어주는 플러그인. PJAX ( pushState + AJAX ) 를 이용
  • Sublimall – SublimeText 의 모든 설정을 저장해서 여러 기기간에 싱크할수 있도록 도와주는 플러그인.  완전 무료에 오픈소스. 설정 내용 또한 암호화 되어서 서버측에서 볼수 없다고

[ DB,DevOps,클라우드 및 대용량 시스템 ]

  • Hootsuite의 Log Streaming 모든 로그를 한개의 레벨로 LogStash에 보낸후 정제, BI데이터는 Hadoop으로, 디버깅 데이터는 ElasticSearch로, 사용자 이벤트는 양쪽 다 보냄
  • Chartbeat이 EC2상에서 튜닝한 사례공개. Part 1: Lessons learned tuning TCP and Nginx in EC2Part 2: Lessons learned tuning TCP and Nginx in EC2 – Dyn DNS로드밸런싱에서 ELB로 변경 및 TCP튜닝후 응답시간 98.5%감소 200ms -> 3ms
  • Stripe,Tapad,Etsy,Square의 데이터 파이프라인 알아보기 –  주 사용 기술로 HDFS/Parquet/Thrift/Kafka 등을 들어서 설명하는데.. 데이터 규모에 상관없이 어떻게 파이프라인을 구축할 것인가가 기업에게 중요하다는 얘기
  • Blockade – Docker 기반으로 분산시스템에 대해 다양한 네트웍 에러를 테스트해볼수 있는 유틸리티. 시스템간 통신을 느리게,에러많게 편하게 바꿔가면서 테스트 가능
  • Nagios를 쓰지맙시다! Stop using Nagios (so it can die peacefully) – 누구나 다 쓰기 때문에 쓴다면 쓰지말자고 얘기하는 재미난 슬라이드. 말하는 대안은 Sensu+Graphite+Flapjack 지만 아직 UI와 이상탐지는 탁월한 대체제가 없다고..
  • Microsoft 관점에서의 DevOps – 요즘 MS쪽을 전혀 안봐서 몰랐는데 많이 변했군요. Agile해진 비주얼스튜디오,Chef-Knife-Azure 의 연동,New Relic과 Azure 의 연동,Cloud OS등

[ IT 관련 뉴스 ]

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

구루의 기술뉴스 – 오픈소스 수퍼 루키 10선 외 23건

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

오픈소스 검출을 도와주는 소프트웨어 BlackDuck 개발사에서 매년 뽑는 “오픈소스 루키 10선”을 메인 뉴스로 선정했습니다. 이중에 Docker 와 Ghost 는 최근에 정말 많이 얘기되는 것들 중에 하나이고, Appium이 많이 재미있어 보입니다. 또한 스타트업들을 위한 프로덕트 만들기 / 투자를 위한 질문들 / 시드 펀딩 받기 등도 한번쯤 읽어 두실만 합니다. 시드 펀딩 가이드는 한국판이 나오면 좋을 것 같다는 생각도 드는군요.

[ 추천글 ]

  • 올 한해 계속 기억해야 할 오픈소스 수퍼 루키 10선 Appium / Docker / Exercism / Ghost / InfluxDB / OpenDaylight / OpenIoT / Serverspec / Tox / XPrivacy
    • Appium – 모바일앱을 위한 테스트 자동화 프레임웍. iOS의 UIAutomation, 안드로이드의 UiAutomator,FirefoxOS에선 Marionette. JSON wire로 묶어 통합 API로 제공
    • Docker – 어플리케이션 운영/배포를 위한 초경량 다목적 포터블 컨테이너. VM기반이 아니지만, 독립적으로 운용되는 앱들이 바이너리와 라이브러리를 공유. Build Once, Run Anywhere
    • Excercism – 프로그래밍 능력을 향상시키기 위해 매일 발생하는 실전적인 문제들을 제공하고, 크라우드 소싱 방식으로 코드 리뷰를 하는 오픈소스. 현재 클로져/JS/Go/펄/파이썬/루비등 12개 언어 지원
    • Ghost – 최근 뜨고 있는 오픈소스 블로깅 플랫폼. Node.js 로 개발되고 마크다운 으로 글 작성. 좀 더 트렌디한 워드프레스 라고 보면 될듯. 사업모델도 비슷. 코드는 오픈소스. 호스팅은 유료
    • InfluxDB – 분산 시계열 DB  각종 함수와 쿼리 지원으로 메트릭,이벤트,분석 데이터를 담는데 최적. HTTP API가 있어서 자바스크립트에서 바로 호출가능하고, 기본 관리자 페이지를 확장도 가능
  • 스타트업을 위한 프로덕트 만들기 3부작
  • 투자하기 전에 묻는 질문 10가지
    • 왜 이 일을 하는가 ?
    • 니즈가 있는가 ?
    • 무엇이 잠 못들게 하는가 ?
    • 다음 단계는 ?
    • 다음 채용할 사람은 ?
    • 가장 큰 위험은 ?
    • 경쟁상대는 ?
    • 트랙션은 ?
    • 왜 그만큼 돈을 필요로 하는가 ?
    • 뭘 도와줄까 ?
  • Seed 펀딩 받기 ( Raising Seed Capital )  스타트업 초기에 투자 받는 방법과 단계들을 정말 잘 정리한 슬라이드. 펀딩종류/준비할것/피칭/피칭후 해야할 것/각종 리소스 등. 중간중간 있는 창업자 들의 한마디도 재미남. 국내와는 좀 다른 부분들이 있어서, 그 부분들은 빼고 보더라도 한방에 정리해 볼수 있어서 좋네요. 무려 82페이지

[ IT 관련 뉴스 ]

  • Zynga는 왜 잘못되었나 ? – 대규모운영/다양한콘텐츠/사용자유입과 유지는 잘 했지만, 새로운 게임을 만들기 위한 단단한 팀을 만드는데 실패. 즉, 고전적인 혁신기업의 딜레마에 빠져서 변화하지 못했다는 것
  • 애플,구글,MS의 매출 분석
    애플: 아이폰55/아이패드18/맥13/아이튠즈9
    구글: 구글웹사이트광고62/구글네트웍멤버사이트21
    MS: 커머셜라이센스47/컨슈머라이센스23/하드웨어14
  • 미래의 프로그래밍에 대한 12가지 예상 GPU가 다음CPU가 될 것/DB가 분석 기능을 가지게 될것/자바스크립트 가 모든곳에 사용/안드로이드 가 모든 기기에 장착 / IoT / 플러그인 개발도 한축으로.. 몇몇 예상은 재미없지만, 볼만한 리스트

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

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

  • Origami – 페이스북이 Paper 앱을 만들면서 사용한 빠른 프로토타이핑용 툴. 무료인 맥용 Quartz Composer 의 플러그인. 근데 Quartz Composer는 애플에서도 이미 버린거 아니었나..
  • 초보자를 위한 인바운드 앱 마케팅 가이드 – 웹사이트로 SEO/CTA/비디오&스크린샷/추천사. 소셜로 공유하게 만들기,공유하는 유저에게 인센티브 주기, 앱인덱싱
  • 페이스북 Paper앱의 제스쳐 동작은 좋지만 손이 아프다 – Thumb Zone 템플릿을 참고해서 아래쪽 스와이프 영역이 녹색 Natural존에 맞도록 키워 달라는 이야기
  • Conceal – 페이스북이 공개한 안드로이드용 암호화 도구. 앱이 저장한 대용량 데이터를 훨씬 빠르게 암호화 할수 있도록 지원. 특별한 암호화 알고리즘을 개발한게 아니고 OpenSSL것을 사용. 메모리를 최적화

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

[ DB,DevOps,클라우드 및 대용량 시스템 ]

  • Drone – Docker 기반의 오픈소스 Continuous Integration 플랫폼. Go로 작성되었고, GitHub와 연동. 빌드 완료시 이메일/힙챗/웹훅 으로 노티 가능

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

구루의 기술뉴스 – 고성능 모바일앱 개발을 더욱 쉽게! 페이스북 Bolts 외 21건

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

안녕하세요. 정말 오랜만에 발행하는 기술뉴스로 인사드립니다.

몇달만에 첫 발행하는 기술뉴스의 메인으로는 페이스북에 인수된 Parse팀이 기존 페이스북 개발자들과 협업해서 만든 “Bolts Framework” 을 선정했습니다. 뭘 만드는데 기본인 Nuts & Bolts 에서 따와서 iOS & Android 모바일 앱을 빠르게 만들수 있도록 도와주는 Low Level 라이브러리입니다. 아직 초기 단계이지만 근래에 본 모바일쪽 오픈소스 중에서 가장 관심이 가는 프로젝트입니다.

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

  • Bolts Framework – 페이스북(Parse팀)이 공개한 iOS 와 Android용 로우레벨 라이브러리.

    Javascript의 Promise와 비슷한 Task 콤포넌트로 모바일앱의 반응속도향상을 위한 비동기코드를 쉽게 만들고 사용할 수 있도록 함. JS의 Then 처럼 특정 태스크가 끝난뒤 연결해서 수행, 여러개의 Task Chaining, 비동기동작에 대한 에러핸들링 , Task의 병렬 수행까지 지원

    페이스북 이나 Parse 에 의존성이 전혀 없으며, 현재 Task 콤포넌트 하나만 공개되었지만 ‘첫번째 콤포넌트’라고 얘기하는거 보니 차차 추가될 예정인 듯.

  • My Mind – 마인드맵을 만드는 웹 어플리케이션 오픈소스. 기본 기능은 다 되고, 키보드 입력도 지원. Freemind 포맷으로도 저장 및 오픈가능.
  • CodePilot – 파일/메소드/심볼을 빠르게 찾을수 있도록 도와주는 XCode 5용 플러그인. XCode 플러그인 폴더에 설치하고 CMD+SHIFT+X 로 호출해서 쉽게 검색
  • idb – iOS개발자용 유틸리티. 포트포워딩,로그뷰어,스크린샷툴,바이너리 다운로드(Encrypted/Decrypted),모든 URL핸들러 리스팅,로컬파일(plist,sqlite,캐쉬) 검색/다운/보기 등
  • clmtrackr – 실시간으로 비디오/이미지 상의 얼굴을 추적해서 좌표를 추출, 모델을 그 위에 매핑할수 있도록 해주는 라이브러리. 구글행아웃에서 사람들 얼굴위에 모자/안경 씌우던 기능을 쉽게 개발할수 있을듯
  • Riot.js – 1kb 용량의 MVP (Model-View-Presenter) 라이브러리. 작지만 템플릿엔진,라우터등 모두 지원

[ IT 관련 뉴스 ]

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

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

[ DB,DevOps,클라우드 및 대용량 시스템 ]

[ 추천글 ]

  • 좋은 개발팀장, 나쁜 개발팀장 Good Tech Lead, Bad Tech Lead 포스퀘어 내부의 테크 리더십에 대해 정리했다고 하지만, 참 재미난 글. 그림이 정말 딱이네요 ;

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