카테고리 보관물: Uncategorized

구루의 기술뉴스 : 중국의 모바일앱 UI트렌드,구글의 2015년 계획

구루의 기술뉴스 89회차입니다.

무려 10개월만에 찾아뵙네요. 작년엔 회사가 목표했던 숫자들을 다 이뤄서 꿈만 같습니다.
올해는 작년보다 더 큰 꿈을 그리고 열심히 달려보려고 합니다. 기술뉴스도 열심히 하구요!
2015년 첫 뉴스는 큼직큼직한 글들을 정리한 것으로 시작합니다.

[ 중국의 모바일 앱 UI 트렌드 ]

Chinese Mobile App UI Trends 라는 제목의 Dan Grover 의 상세한 글인데요. 글이 너무 좋아서 요약 번역해봤습니다. 중국 관련해서 모바일 비즈니스를 생각하시는 분들은 필독입니다. 물론 우리나라나 영어권에도 참고가 될만합니다.

  • Input is Hard
    • 중국어 입력은 그들에게도 어려워서 한어병음/필기체인식/피쳐폰방식의 키패드 입력까지 다양하지만, 대부분의 사이트가 영문자로 입력을 받아 중국어 예측검색
    • 음성메시지, 음성검색, 음성인식 에이전트를 선호하고 어디서나 사용
    • QR코드 광고부터 메뉴, 명함, 쿠폰등 일반화 (위챗때문에 이렇게 됨)
  • Indeterminate Badges : 미확인 뱃지 – 알림카운트없이 무언가 “변경” 된것을 알림. 새로운 콘텐츠,새로운 기능, 일부분만 거된 부분에 대한 알림기능 까지를 뱃지로 보여줌
  • Walled Gardens, Portals, Platforms : 다양한 기능을 가진 거대앱.
    • WeChat은 마치 Emacs 처럼 뉴스피드/지갑/에버노트/게임센터/위치기반 사람검색/샤잠같은 음악검색을 다 포함.
    • 바이두 지도는 날씨서비스도 있고, 여행가이드, 지갑기능도 포함.
    • 중국의 트위터 Weibo는 글 작성 버튼 하나로 블로그 부터 레스토랑 리뷰등 무려 10가지의 글작성이 가능. 지갑기능도 포함
    • 이렇게 여러 기능을 몰아서 보여주기 위한 Discover 메뉴의 다양한 활용.
    • 안드로이드에는 무려 10개나 되는 거대 앱스토어가 존재하며, iOS도 커스텀 프로비져닝 프로파일을 설치하고 사용하는 앱스토어도 있는듯(이건 글 저자인 Dan도 아직 명확히 확인하지 못함). 탈옥폰 대상 인 Cydia 도 유명
  • Accounts and Login Screens
    • 많은 사이트의 가입/로그인은 이메일/전화번호로 가능.
    • 각 사이트의 모바일앱을 이용한 QR코드로도 로그인 가능(Line 에서도 지원하는 기능)
    • WeChat,QQ,Weibo,Renren 등을 이용한 써드파티 로그인
  • Chat as Universal UI – 채팅UI를 유니버설한 UI로 활용
    • WeChat 이 “오피셜계정” 컨셉을 활성화 시켜서, 이미지/글자/음성등 다양한 메시지를 이들 계정에 보내고 응답받는 구조. 고객지원부터 뉴스 전달등 다양한 채널로 사용.
    • QQ 와 WeChat 에서 유명해진 Emoji 와 비슷한 아이콘을 많은 앱에서 사용
  • Buying Suff
    • Single-Sign-On 모바일 페이먼트. 많은 앱들이 은행연동기능을 가지고 있고, 자기 자신이 다른 앱을 위한 지갑/PG 형태로 사용 가능.
    • 많은 앱이 직접 은행과의 연동기능(지갑기능)을 다 가지고 있어서, 별도로 지갑/페이먼트 앱을 받을 필요가 없음. 오프라인과의 연계는 QR 코드를 활용. QR코드를 스캔하거나 앱에서 QR코드를 만들어서 POS의 카메라에서 리딩. 돈 보내는것도 가능.
    • 지갑 기능들은 대부분 3/4컬럼 아이콘 배열의 비슷한 형태를 지님
    • 해킹방지등 신뢰할수 있음!을 나타내는 방패 마크.
  • Location, Location, Location
    • 중국앱들은 위치정보를 묻는데 거리낌이 없음. 미국에선 대부분 실패한 근처의 전혀 모르는 사람들과 연결하는 기능들도 잘 사용됨. 이건 아마도 문화적 차이와 사람이 너무너무 많기 때문.
    • 많은 앱들에 로케이션 기반 기능들이 포함.
      1. WeChat 과 QQ 는 근처 사람들 찾기 가능.
      2. Weibo 는 주변의 포스팅 검색이 가능.
      3. Baidu Map 은 실시간으로 주변 사람들이 서버에 올린 위치를 heatmap 기능처럼 볼수 있음
  • Everything Can Be Downloaded – 모든 것들은 다운로드 가능. 음악/TV/영화/뉴스/지도 모든것들이 다운받아서 오프라인에서 볼수 있음. 심지어 영어-중국어 번역앱들도 트레이닝 데이터를 내려받아서 오프라인에서 더 빠른 번역을 하는데 사용. 이런 기능들은 마케팅에서 중요하게 사용되며, 다운로드받을때 화질,용량,남은 용량들의 편의기능들도 제공
  • WeChat의 Moments 기능은 페이스북의 뉴스피드와 비슷하지만 완전히 다름.
    • 필터링이나 우선순위 정렬이 없이 모든 포스트가 다 보임
    • 코멘트를 달거나 Like 하면 양자간의 Mutual 프렌드 끼리만 그 포스트를 다 볼수 있음. ( 페이스북이 요즘 짜증나는게 한쪽만 친구여도 보이는 거)
    • 회사나 뉴스는 피드에 보이지 않음. 오직 친구만.
    • 자동 포스팅 기능 없음. 써드파티 앱도 포스트는 가능하지만 꼭 사용자가 시작해서 확인해줘야만 가능.
    • 게임 없음.
    • 사진을 주로 공유하지만 인스타그램 같은 사진 필터는 없음.

    이런 설계들때문에 WeChat 앱보다 더 많이 빠져들고, 메시지 보내는것과 Moment 확인하는 것이 아주 부드러워서 서로를 쉽게 넘나들음. 이건 마치 카카오톡이 카카오 스토리를 별도앱으로 분리해서 활용하는것과 라인이 라인앱내에서 타임라인을 운용하는것의 차이를 보는듯. 솔직히 제가 요즘 느끼는 페이스북/라인/카카오의 단점들을 다 해결한 형태의 SNS 서비스 군요.

  • 그외
    • 귀여운 마스코트를 로딩/에러등 다양한 곳에서 활용
    • 대기 오염도를 보여주는 기능을 여기저기서 볼수 있음
    • 많은 앱들이 전체화면 광고를 보여주고 직접 뭔가를 구매하것도 가능
    • 많은 앱들이 테마/스킨 기능을 지원.

[ 구글 트래커 2015 – 올해 구글은 무슨 일을 할까 ? ]

ARSTechnica 가 매년 공개하는 구글의 기술 트렌드 리포트 Google Tracker 2015: Everything we know Google is working on for the new year
이 리포트의 2014년 버전 –
The 2014 Google tracker—Everything we know Google is working on this year
은 꽤나 잘 예측했습니다.

  • Nest 기반 홈오토메이션 ( 와이파이 웹캠 Dropcam 과 홈 Wifi 허브 Revolv )
    기사엔 없지만 구글은 이미 Nest와 홈용 네트워킹 스택인 Threadhttp://threadgroup.org/ 를 발표했습니다. 애플의 HomeKit 과 삼성이 구매한 SmartThings 어떤것이 앞서나갈지 모르지만.. 현재는 구글이 가장 공격적으로 확장중입니다.
  • 안드로이드 M 버전
    1. OS 차원의 지문인식 지원
    2. 앱별 권한 관리
    3. 화면 분할 앱 지원
    4. 울트라소닉을 이용한 Copresence ( 작은 방안에서 쉬운 페어링)
    5. 크롬에서 안드로이드앱을 돌리는 유니버설 바이너리
  • 매터리얼 디자인의 웹 통합
  • 구글X 자동차와 구글글래스2, 구글로봇
  • 콤포넌트형 핸드폰 프로젝트 Ara
  • 프로젝트 탱고와 구글의 인공위성
  • 열기구 풍선을 이용한 전세계 네트워크 제공 프로젝트 Loon

구글이 Evil 인지 아닌지 상관없이, 인류에 도움이 되는 기술적 시도들을 가장 많이 하는, 전세계 최고의 야심찬 기술회사라는데 동의 합니다.

[ 인터넷의 두 시대 : Pull 과 Push ]

Chris Dixon 의 글 Two eras of the internet: pull and push 은 Pull은 검색(구글) vs Push는 소셜(페이스북) 이라고 정의하고 비교합니다.

Pull Push
지배적인 플랫폼 Search Social
지배적 플랫폼 회사 Google Facebook
성장시대 2000년대 2010년대
성공적인 콘텐트 타입 유틸리티들 미디어
콘텐트 연속성(durability) Stock Flow
성공적인 퍼블리셔들 TripAdvisor, Wikipedia, Yelp, & 그외 다수 TBD (아직 미정)
마케팅 활동 링크와 알고리즘 공유 와 사람들

큰 차이점은 데스크탑에서 모바일로 바뀌어 가고,지속적으로 흐르는 콘텐츠,네이티브 광고를 통한 직접적 수입창출.
위 도표에서 아직 비어있는 “Push에서 성공적인 퍼블리셔”는 누가 될것인지가 궁금합니다. 각 플랫폼을 잘 이해하고 좋은 피드백 루프를 가지는게 필요.

[ 2015년의 자바스크립트 어플리케이션 아키텍처 ]

2015년의 자바스크립트 어플리케이션 아키텍쳐 : 구글 폴리머팀 Addy Osmani 의 글 – JavaScript Application Architecture On The Road To 2015. 복잡하고 긴 글이지만, 관통하는 메시지는 “모듈화와 조합”

  • Composition : 모듈화를 통한 조합이 더욱 크고 복잡해지는 어플리케이션에 대한 해결책
  • Component Messaging : 모듈화 되면서 커플링을 줄이기 위해, API 직접 호출보다는 CSP(Communicating Sequential Processes)와 같은 메시지 전달방식이 중요해짐
  • ES6 & Browserify : ES6 의 모듈과, 브라우저에 모듈을 로딩하는 Browserify
  • Service Worker 를 이용한 진정한 Offline Mobile Web 지원

[ 2014년에 채용되었던 사람들 사이에서 가장 인기있었던 기술들 25가지 ]

The 25 Hottest Skills That Got People Hired in 2014 – 링크드인의 3억명 멤버들 프로필을 조사한 결과.

 

제1회 레진코믹스 세계 만화 공모전을 시작하며

제1회 레진코믹스 세계 만화 공모전

지난 10년간 웹툰이 무료로 제공되면서, PC와 모바일로 만화를 보는 독자가 대폭 늘어나는데 큰 역할을 했지만, 포털을 통해 무료로 제공되다보니 웹툰에 대한 콘텐츠 가치가 제대로 평가되지 못하였습니다. 트래픽을 만들어내는 계층에 의해 인기도가 결정되면서 만화작품의 장르편중현상이 생기게 되고, 남녀노소 누구나 즐길수 있는 좀 더 다양한 웹툰 들이 만들어지는 것이 힘들었습니다.

더불어 만화 콘텐츠 유료화에 대한 시도는 계속 있어왔지만, 무료에 익숙한 사용자를 만족시키지 못해서 계속 실패했습니다. 그래서 저희가 생각한건, 무료 사용자를 모두 수용하면서 거부감없이 유료를 추가하는 사업모델 이었습니다.

레진코믹스의 사업모델은 매일 무료로 연재되는 웹툰은 기존의 포털과 같지만, 미리보기 라는 형태로 다음주에 연재될 회차를 소정의 금액으로 미리 땡겨보는 것입니다. 마치 이번주 드라마를 다보고 난뒤에, 궁금하면 다음주 드라마를 먼저 보는 것과 마찬가지죠. 물론 해당 비용을 내고 사용자는 콘텐츠를 구매해서 고화질로 디지털 소장하는 것이며, 작가에게 직접 수익이 돌아갑니다. 현재 200개가 넘는 만화가 연재중이며 이들중 대분이 이 무료연재+미리보기 모델 방식입니다.

금방 망해버릴꺼라는 초반의 우려를 뒤로 하고 이제 200만명의 사용자가 생겼고, 그중 30만명 이상이 결제를 진행해본 사용자입니다. 올해 매출은 100억을 예상하고 있습니다. 독자들의 애정속에 콘텐츠가 적정한 가치로 구입할수 있게 되면서, 더 다양한 만화들이 시장에 나올수 있게 되었습니다.

군도, 족구왕과 같은 영화의 숨겨진 내용들이 웹툰으로 제작 및 공개되었고, 다수의 저희 만화들이 영화로 제작되고 있습니다. 곧 영화관에서 저희 만화들을 만나보실수 있을 것 같습니다.

이런 기반하에 9/17 ~ 12/17 3달동안 총 상금이 무려 1억5천만원제1회 레진코믹스 세계만화 공모전을 시작합니다. 수상작은 한국과 일본, 미국등 앞으로 저희가 진출할 모든 언어 플랫폼에 동시 연재 하게됩니다. 아마추어 부터 프로작가까지 아무런 제약도 없고, 연재방식도 웹툰(스크롤)/출판(페이지) 어떤 방식이든 상관없습니다. 기존에 출판/연재 되지 않은 만화면 모두 가능합니다. 완성된 작품들은 게임화는 물론, 영화화까지 같이 진행을 준비하게 됩니다.

지금까지 저희를 통해 데뷔하신 신인작가님들이 200명 가까이 됩니다. 이제 튼튼한 플랫폼 기반하에 더 많은 좋은 작가분들을 모시게 될 생각에 가슴이 뜁니다. 많은 작가님들의 관심 부탁드립니다.

고맙습니다. 더 열심히 하겠습니다.

[제1회 레진코믹스 세계만화 공모전] 공지 보러가기 – http://www.lezhin.jp


구루의 기술뉴스 – 페이스북의 PHP 사랑은 어디까지? Hack 외 15건

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

오늘의 메인뉴스는 Facebook이 공개한 프로그래밍 언어 Hack 입니다. 프로그래밍 언어로서는 이래저래 욕먹고 있는 PHP를 HHVM(HipHop Virtual Machine) 이라는 JIT 가상머신까지 만들어가며 내부 개발 언어로 쓰고 있는 페이스북. 그들이 이제 아예 HHVM 상에서 PHP 언어를 자신들의 입맛에 바꿔가고 있군요. 과연 어떻게 진행될지 흥미롭습니다.

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

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

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

  • 구글 웹마스터 아카데미 웹 관리자가 구글에서 검색되기 위해 꼭 알아야할 것들을 설명하는 유용한 교육. Growth Hacking 의 기본은 여기서부터. 국내에서도 구글 점유율이 올라서 이제 꼭 필요합니다
  • 50개 이상의 구글 어낼리틱스 자료 모음 린분석의 기본도구인 GA. 기초부터 데이터 세그멘테이션,Universal Analytics,전환율 최적화,골 트래킹,그리고 다양한 팁과 GA관련 블로그들 모음까지
  • Cerberus – 데스크탑/모바일/아웃룩등 다양한 메일환경에서도 이쁘게 보이는 반응형 HTML 이메일을 보내기 위한 템플릿

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

  • Designing Great Apps 애플이 직접 공개한 iOS7/OSX 용 앱 개발을 위한 디자인 가이드 사이트. 소개 비디오와 HIG 문서들을 깔끔히 정리
  • Shimmer – 페이스북이 공개한 “빛나는 글자” 로딩 인디케이터. 기존에 공개한 iOS용 Paper 앱에서 Unobtrusive하게 (눈에 거슬리지 않게) 로딩상태를 보여주기 위해 개발

[ IT 관련 뉴스 ]

  • Android Wear 개발자 프리뷰웨어러블은 솔직히 차고 다녀보기 전까지 모르겠네요. 올해 구글 I/O에서 한대씩 줄꺼라 믿어봅니다..
  • Apple CarPlay 공개 차에서 iOS의 지도/전화/메시징/음악 그리고 추가 앱들까지 사용. 대부분 Siri로 조작 가능. 올해 페라리/혼다/현대/재규어/벤츠/볼보 의 신차들에 적용 예정

[ 추천글 ]

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

린분석(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리더에서 구독하시거나 , 제 블로그를 이메일로 구독하실수 있습니다

레진코믹스 이야기 : 매일 밤 12시를 기다리는 회사

레진코믹스를 만드는 레진엔터테인먼트는 이런 회사입니다. 꽤 많은 분들이 저희 회사가 어떻게 돌아가는지 궁금하다고 보러 오시거나 여러 경로로 물어보셔서 몇몇 내용들을 적어봤습니다.

매일 밤 12시를 기다리는 회사

레진코믹스는 매일 저녁 12시가 되면 그 날의 매출이 취합되어, 멤버들 이메일로 전송이 됩니다. 오늘 내가 바꿔서 적용한 것이 바로 매출에 적용되는 모습은 서비스를 만드는 저희들에게는 아주 좋은 당근이 됩니다. 그 매출이 계속 증가 하는 걸 매일 저녁 숫자로 보고 서로서로 이야기 하면서, 레진코믹스 멤버들은 내일 또 더 재미난 것을 만들어 보는걸 꿈꾸며 잠자리에 듭니다.

저희는 Metrics Driven Engineering 을 지향하고 있습니다. 저희끼리는 “매출 드리븐 엔지니어링“이라고 합니다. 사용자가 늘어날수록 매출이 제대로 성장하는 회사, 그걸 몸으로 즉시 느낄수 있는 회사. 하루 하루가 재미납니다.

정말 잘 먹는 회사

레진코믹스는 잘 먹습니다. 정말 잘 먹습니다. 지원하는 식사비용에 상한이 없습니다. 아침/점심/저녁 상관없고, 그냥 맛있는거 먹으면 됩니다. 법인직불카드가 모두에게 발급되고 그거로 지불합니다. 휴게실에는 콜라/페리에/캔커피/쥬스/맥주 및 다양한 먹거리들이 쌓여있습니다. 컵라면/죽 부터 시작해서 쌀국수,떡볶이 등 다양한 것들을 계속 시도해보며 보충합니다.

투명한 회사

레진코믹스의 모든 지출/수입내역은 공유된 가계부에 기록됩니다. 위에서 말한 식사내역등은 여기다가 적어주면 모두에게 공유됩니다. 돈의 흐름이 투명해야 회사가 오래갈 수 있습니다.

즐거운 회사

만화를 좋아하는 사람들이 모여서 만화를 제대로 서비스하려고 만들고 있습니다. 매일 매일 내가 좋아하는 만화를 보고, 그 만화들의 미래에 대해 이야기하고, 만화를 기술적으로 어떻게 하면 더 재미나게 볼수있을까만 생각합니다. 만화를 좋아하지 않으면 소외받는듯한 느낌이 듭니다. 더 많은 만화를 봐야 자랑할수 있고, 또한 만화를 기반으로 이런 말도 안 되는 걸 만들 수도 있다는 걸 즐겁게 떠들고, 더 황당한 것들을 같이 꿈꾸고 싶은 개발자들이 모이는 회사입니다.

저희가 만화 서비스에 새로 시도한 것들입니다.

  • 크로스뷰 – 만화서비스 최초로 세로스크롤 웹툰 방식과 페이지넘김 출판방식을 동시에 지원하는 만화입니다. 전혀 다른 편집으로 두번 감상이 가능합니다. 아래 만화들에서 확인해 보실수 있습니다.

  • 콘티연재 – 격주 연재되는 만화의 경우 쉬는 주에는 지난주의 콘티본을 연재해서, 또 다른 재미를 주고 있습니다.

  • 이어보기 – 모바일에서 본 에피소드와 웹에서 본 에피소드들이 모두 서버에 기록됩니다. 즉 내가 어디까지 봤는지가 정확히 기억되고 표시됩니다. 현재 웹에서는 흰색/회색으로 표시되고 있고, 모바일은 화면에 표시 되는 업데이트가 곧 예정되어 있습니다.

콘텐츠 회사

만화는 다양한 콘텐츠와 결합될 수 있기 때문에, 꼭 만화만이 아니라 모든 콘텐츠에 관심을 가지고 있어야 합니다. GTA5 와 하스스톤을 같이 연구하고, 소설과 영화와 드라마를 같이 감상하고, 에바덕/AKB48덕/레고덕/다트덕/자전거덕 들이 넘쳐납니다. 내가 덕이란 것을 자랑스럽게 생각합니다. 최고의 콘텐츠 덕후들이 모여서 탄탄한 기술기반하에 멋진 콘텐츠 플랫폼을 제공하는 회사를 만들고 싶습니다.

엄청난 잠재력을 가진 회사

국내를 비롯해서 외국 투자자들 앞에서도 저희 회사 소개를 하면, 다들 숫자에 먼저 놀랍니다. 서비스 시작 5개월동안 이뤄낸 Active User Retention Rate – 83%, Conversion Rate – 5.2%, 그리고 인당 만원이 넘는 ARPPU 와 누적 매출 금액을 보면 정말로 놀랍다고 합니다. 서비스를 만들고 수익모델을 찾는 스타트업들과 달리, 서비스 첫날부터 수익을 내고 있고, 빠르게 성장하는 회사입니다. 국내 웹툰 사용자가 월 1700만 이라고 합니다만, 저희는 아직 40만 밖에 되지 않습니다. 국내를 포함해서 해외로도 진출하고, 수천만의 사용자가 함께 즐기는 글로벌 콘텐츠 플랫폼을 만들려고 하고 있고, 그냥 헛된 꿈이 아니라 탄탄한 수익모델에 기반하고 있기때문에 충분히 실현 가능하다고 생각합니다.

모두를 즐겁게 하는 회사

레진엔터테인먼트의 슬로건은 “모두를 즐겁게 하라 – Amuse Everyone!“ 입니다. 만화가를 즐겁게, 만드는 저희들도 즐겁게 하면, 우리 만화를 즐기는 모든 사용자 분들도 즐거워 질거라 믿습니다.

지켜봐주세요!

왜 레진코믹스는 안드로이드 부터 개발했는가

아마도, 혹시나, 한 두분 쯤은 궁금해 하실지도 모르는..
레진코믹스는 왜 웹툰서비스 임에도 안드로이드 부터 개발을 시작했는가”에 대해서 잠깐 적어보고자 한다.
( 원래 제가 Medium에 적었던 글이라, 제 블로그의 기존 글들과 문체가 다릅니다만.. 그냥 옮겨둡니다.)

윤지만 님이 번역해주신 “왜 좋은 앱들은 iOS 를 먼저 지원하는가?” 글을 보고 적어본건데, 원문과 번역글은 모바일 서비스를 개발하는 곳이라면 꼭 참고해야 할 아주 좋은 글이다. 하지만 국내 상황에서는 조금 다르게 봐야 할 부분이 있어서 우리 쪽 얘기를 하는 것이니, 오해가 없었으면 한다.