카테고리 보관물: 구루의 세상사는 이야기

2016 인터넷 트렌드 리포트 by Mary Meeker – 내 맘대로 정리

매년 보는 리포트중에서 가장 기대하고, 나오면 자세히 읽어보게 만드는 Mary Meeker 님의 인터넷 트렌드 리포트
올해는 세계적인 느린 성장세를 반영하듯 예전에 비해 임팩트는 떨어졌지만 그래도 재미나게 읽었습니다.

보면서 적은 내용들을 공유합니다. 전 올해 리포트중에서 개인적으로 Stitch Fix 를 비롯한 Retail 부분들이 가장 재미있었습니다.

  • 인터넷 성장속도는 느려지고 있음
    ( 인도만 예외적으로 연33%씩 성장중. 미국을 제치고 중국에 이어 2번째 국가가 됨 )
  • 전세계 경제 성장도 느려지는 중
  • 스마트폰 사용자 수 및 판매속도도 느려지는중
  • iOS 16% vs Android 81%
    안드로이드 폰 가격은 점차 하락해서 이제 평균가격차이가 iOS와 세배 $651 : $208
  • 모바일 광고는 계속 성장중
  • 비디오 광고는 아직 비효율적
    하지만, 스냅챗처럼 효과적으로 할수도 있음 (3v , vertical / video / viewing )
  • 리테일
    • 대규모 거래량 만들기 -> 데이터 수집 -> 새 프로덕트 출시 및 PB제품 생산
      아마존의 PB : Strathwood (가구), Pinzon (침구/주방), AmazonBasics (전기부품),
      Franklin & Freenman , Scout+Ro 등 7개이상의 패션 브랜드들

      ** 아마존 PB가 이렇게나 많은지 몰랐음.

    • Products -> Brands
      = Casper : 매트리스 에서 베개와 커버까지 확장. 압축배송. 싼가격에 높은퀄리티. 변심으로 환불한 것들은 도네이션
    • Brands -> Retailers
      = Warby Parker : 안경. Buy one ,Give One 하나를 사면 하나를 기부

      ** Casper와 Warby Parker 설명은 안경,침구,패션,매트리스의 공통점 참고

    • Retailers -> Products/Brands
      = Thrive Market : 코코넛 오일로 시작해서 토마토 소스등 퀄리티있는 자체 상품을 만들어 온라인 회원대상 최저가 판매.
      ‘Costco meets Whole Foods’
    • Retailer 들은 방안까지 진출
      = Stitch Fix : 퍼스널 스타일러. 자신에 스타일에 맞는 5개의 옷을 배송.

      • 맘에들면 5개 전부를 25%할인가격에 구입. 아니면 맘에 안드는 것들만 무료 반품
      • Netflix/Spotify 같은 콘텐츠 디스커버리를 패션에 적용.
      • Data-Driven 온보딩 프로세스. 사용자의 성향/활동등을 묻고, 핀터레스트 프로파일 연결.
      • 정보분석을 통해 고객에게 딱맞는 스타일 제공
      • 옷 한개당 50~150개의 속성을 부여. 알고리즘과 피드백으로 추천성공율을 높임.
    • Physical Retailer 들은 Digital Retailer가 되고 ( Neiman Marcus )
      Digital Retailer 들은 데이터-최적화된 Physical Retailer 들이 됨 ( Warby Parker)
  • 커뮤니케이션의 변화
    비쥬얼(비디오+이미지) 사용이 증가중.
    비디오 보기의 변화 : Live -> On-Demand -> Semi-Live (스냅챗) -> Real Live (페리스코프/페북 라이브)
  • 이미지를 활용한 서비스들의 수익모델이 가능해짐
    • 핀터레스트를 상품찾고 쇼핑하는 용도로 사용
    • OfferUp ( 로컬 개인간 장터 앱 ) 의 사용시간이 인스타그램/스냅챗과 비슷한 일25분
    • Houzz ( 홈 인테리어 사진 + 전문가&사용자 커뮤니티 + 상품 )
      실제 살 물건을 자기 집에 놓아 볼수 있는 기능들 제공시작 : View in my Room , Sketch 와 연동
  • 메시징 시장은 급성장중
    • 간단한 소통에서 이모지, 스티커, GIF, 동영상필터 등으로 표현기능이 확장
    • 카카오톡/WeChat/Line 은 비즈니스 연계 기능을 계속 확장중
    • 대화를 통해 Identity 와 Context 를 인식할수 있음
    • 대화형 커머스의 성장 ( 메신저창에서 바로 구매 )
  • 사람-컴퓨터간 입력장치로 음성이 강조되기 시작 : Siri 그리고 Amazon Echo
    • 음성인식률이 99%까지 높아짐. 빠르고 쉬운 입력
    • 음성을 이용한 검색량이 빠르게 증가하고 있음
    • 음성은 집,자동자,이동중에도 항상 입력이 가능한 장치 – Always On
    • Amazon Alexa 의 플랫폼화
  • 자동차 산업의 발전 : Computerization
    모니터링 / 전기차 / Self Driving – 미국 자동차 시장의 귀환 ?

대학생을 위한 웹 개발 공부용 체크리스트

제가 2012년부터 대학교 3학년 대상으로 강의를 하고 있습니다. 들어보니 요즘 전산 관련학과 학생들은 1년 정도 휴학이 기본이라고 하더군요. 원래 개발을 잘하는 친구들이야 알아서 뭔가 하겠지만, 대부분의 경우 학과에서 배우는 것만으로는 뭔가 부족하다고 느껴서 휴학을 하고 뭔가를 해보려고 한답니다. 하지만 휴학에서 돌아온 친구들에게 물어보면, 딱히 뭔가를 했다는 것을 듣기가 어렵습니다. 누구의 도움 없이, 잔소리 없이 개발 공부를 한다는 것은 참 어렵습니다. 더구나 웹 개발은 너무나 방대해서,뭘 해야 할지도 잘 모를 겁니다.

그래서 아직 개발에 익숙하지 않은 전산과 대학생들에게, 뭘 해보면 좋을 지를 알려주는 체크리스트를 주면 어떨까 하는 생각이 들어서 이번에 휴학하는 친구들을 실험 대상으로 삼아서 만들어 보고 있습니다. 물론 본인의 노력이 있다면 휴학하지 않고도 가능할 것 같습니다 😉

이 리스트는 개발의 원리를 깊숙이 이해하는 것을 목표로 하기 보다는, 웹 기술 자체에 대한 흥미를 느끼고 관련된 것들을 만들어 보면서 성장하는 것을 목표로 합니다.

혹시 이걸 따라해 볼 대학생 분들! 아래 항목들만 따라하기 보다는 각 항목에 나오는 기술/단어/제품들에 대해서 가능한 상세히 살펴보는것을 권장합니다. 구글에 해당 단어만 치면 온갖 좋은 설명자료들이 튀어나올겁니다. 삽을 깊숙이 파는걸 두려워 하지 마세요.

아래 튜토리얼 내용은 GitHub에 등록되어 여러 선배 개발자분들의 도움으로 계속 업데이트 되고 있습니다.
최신버전은 깃허브에 있는 내용을 참고하세요. http://github.com/xguru/WebDevTutorial

  • 웹의 기본
    웹 개발을 한다면 기본적으로 웹이 구동되는 기반 기술을 알고 있어야 합니다. 웹의 역사와 HTTP/HTML 의 발전에 관해서는 알아둬야죠.

  • Codecademy 기본 수강하기
    최근엔 온라인에서 개발을 배워볼수 있는 많은 사이트들이 생기고 있습니다. 그중에서도 Codecademy 의 강의들은 웹개발을 시작하는 사람들에게 아주 도움이 됩니다. 아래 기본 세션 5개와 자신이 마음에 드는 언어 세션중 하나 ( 가능하면 모두 ) 를 들어보세요.

  • 아마존에 EC2 인스턴스 만들기 – 돈안드는 마이크로 인스턴스로
    일단 웹 개발을 시작하기 전에 자신이 만들 웹사이트가 들어갈 서버를 만들어 보는 것도 필요합니다. 예전엔 이런거 할때 Vmware/VirtualBox 같은 가상머신 설치하고 해보라고 했지만, 요즘은 그냥 바로 클라우드로 테스트 하는게 더 좋습니다. 아마존 웹서비스에 대해서 알아둔다 생각하고 관련된 것들을 가능한 많이 읽어보기를 권합니다. 생활코딩의 AWS 가이드아마존 웹 서비스를 다루는 기술 같은 책을 참고하셔도 됩니다만, 가능하면 한글화 되어있는 아마존의 EC2 가이드 와 같은 공식 매뉴얼을 참고하셔서 직접 공부하면서 보시기를 권합니다.

    • Ubuntu 인스턴스 만들어보기
    • Apache 설치해 보기
    • PHP 설치해 보기
    • MySQL 설치해 보기 – ( AWS 에서는 RDS를 쓰는게 보통이겠지만, 설치 경험이므로 그냥 한번 설치해봅니다. )
    • 위의 Apache/PHP/MySQL 을 RedHat 인스턴스로 만들어서도 한번 해보면 좋습니다.
  • 아마존 EC2에 WordPress 설치해 보기
    개발하기 전에 방금 만든 서버에 자신이 쓸 블로그를 하나 설치해봅니다. 가입형 블로그가 아닌 설치형 블로그를 한번 만져보는 것도 도움이 됩니다.

    • 한개의 인스턴스에 MySQL로 설치해보기
    • 위 인스턴스 설정과 다르게 RDS 이용하는 형태로 설치해보기 – AWS에 워드프레스 설치하기 참고
    • 워드 프레스 설치후 글 3개 이상 써보기 – 위의 과정과 앞으로 이 체크리스트를 따라하면서 겪은 일들/배운 점등을 적어보면 어떨까요?
    • 필수 플러그인 뭔지 하나하나 자세히 알아보고 설치 해보기 – Akismet , WordPress SEO by Yoast, WP Super Cache , Jetpack by WordPress, Google XML Sitemaps, Twitter Tools , WPTouch , Google Analytics for WordPress
    • 맘에 드는 테마 하나 입혀보기
  • 자신의 도메인 등록 하고 사용하기
    이제 위에서 만든 블로그를 자신의 주소로 만들어봅니다. 도메인을 구입하고, 네임서버에 등록하고 하는 과정을 알아봅니다. 그리고 가능하면 자기 도메인으로 이메일주소를 만들어서 사용해 봅니다. 개발자라면 이력서에 naver.com/gmail.com 보다는 자신의 도메인 메일 주소가 있는게 더 좋지 않을까요 ? ^^

    • 자신의 도메인 구입해서 등록해보기 ( SiteX.com 과 같은 형태의 도메인 )
    • DNSEVER 에 가입하고 자신의 DNS 서버로 등록해보기
    • 자신의 EC2 인스턴스에 Public IP 등록하고 위의 도메인을 연결해보기 ( blog.SiteX.com )
    • 자신의 도메인에 구글앱스 등록해보기. 지메일,캘린더 등을 자신의 도메인에 사용(30일간만 무료, 계속 사용시 월 $5 필요)
    • 구글앱스 대신 네이버 Works 무료 사용가능 https://works.naver.com/
  • 직접 웹 사이트 만들어 보기 ( 뒤에는 SiteX 라고 부르겠음 )
    웹사이트 만들기는 정작 내용이 많지 않습니다. 하지만 이 튜토리얼중 아마도 가장 오래걸릴지도 모릅니다. 앞에 Codecademy 에서 배운 인터랙티브 웹사이트 같은것을 한번 만들어 보는걸 목표로 합니다. 자신이 간단한 아이디어를 내고 그걸 구현해 보는 것도 좋고, 다른 유명한 서비스를 한번 따라해서 만들어 보는것도 좋습니다. 아이디어를 내고 개발에 들어갔다면 개발하면서 다음 단계를 같이 병행하세요.

    • 손에 익은 개발 언어로 EC2인스턴스에 간단한 웹사이트 구현 – 복잡한것 말고 간단한 것으로 ( 체크리스트 , 간단한 게시판등 )
    • http://getbootstrap.com/ 활용해서 디자인 신경쓰지 말고 만든다.
    • 프론트엔드에선 시대의 대세인 AngularJS 같은 걸 공부해보는 것도 좋습니다.
    • 백엔드는 왕도가 없지만, Python+Django ,Python+Flask , Node.js + Express , Ruby + Rails 같은 것으로 시작해봅니다.
    • DNSEVER 에서 이 웹사이트를 www.SiteX.com 으로 연결해보기
    • DB가 필요한 사이트가 대부분이므로 MySQL 사용법 공부 – 생활코딩의 MySQL강의
  • Git 공부하기
    아마 앞에서 웹사이트를 그냥 만들어 봤다면, 소스를 저장하고 버전별로 관리하는게 어렵다는걸 느꼈을겁니다. 이제 Git 을 배워봅니다.

  • Facebook 관련 개발 알아보기
    페이스북은 10억 이상이 쓰는 거대한 SNS 이기도 하지만, 웹 환경에서 다양한 기능을 통해 수많은 웹사이트들과 연결되어 있습니다. 일반 웹사이트에 붙어있는 좋아요 버튼이 어떻게 동작하는지 알아보고,좋아요 버튼을 내 웹사이트에 붙여봅니다. 아예 로그인을 페이스북으로 하는 웹사이트를 만들어 봐도 좋습니다. 페이스북은 이제 자신이 만드는 웹사이트와 떼어낼 수 없는 관계입니다.

  • Twitter 관련 개발 알아보기
    트위터 역시 다양한 웹사이트들과 연결이 됩니다. 공유버튼,트위터 카드등을 한번 적용해 보고, 자신이 만든 사이트에 새로운 글이 올라오면 자동으로 트윗하는 API 연동기능을 개발해 봅니다.

  • Google Analytics 공부하기
    내가 만든 웹사이트에 어떤 사람들이 오는지 통계를 확인하는데에는 Google Analytics 가 가장 유명합니다. 이건 구글이 직접 만든 강좌를 통해서 GA 에 대해서 알아보고, 자신이 만든 사이트에 GA를 설치해봅니다. 그리고 Funnel 이라는 것을 이해하고, 자신의 사이트에 방문한 사용자들이 주 목적 페이지 (쇼핑몰이면 결제완료페이지, 일반 사이트라면 회원가입완료 페이지 등)에 얼마나 도달하는지 알아봅니다.

  • SEO – Search Engine Optimization 알아보기
    사람들이 내 사이트에 어떻게 처음으로 방문할까요? 광고나 누군가의 소개를 통하지 않는다면, 대부분 인터넷 검색을 통해서 찾아오게 됩니다. 구글 검색엔진에서 내 사이트가 잘 보이게 하려면 어떻게 하는지를 배워봅니다.

  • 온라인 마케팅 공부하기 with 구글 Adwords
    내가 만든 사이트에 아무도 오지 않는다면, 웹에서 광고를 한번 해봅니다. 구글의 돈줄인 Adwords 에 대해 알아보고, 내가 만든 사이트를 한번 적은 금액으로 광고해봅시다. Conversion Tracking 이라는 것을 이해하고, 광고를 통해 얼마나 많은 사람들이 내 사이트의 회원이 되는지, 상품을 구매하는지 등을 알아보는 것이 가능하다는걸 배워봅니다.

아직 실험대상?들이 이걸 시행해본게 아니어서 계속 추가되고 변경될 것 같습니다.
이 내용은 GitHub에 공개되어 있으니 도움 주실 개발자 분들은 GitHub 에서 풀리퀘 날려주세요 😉

http://github.com/xguru/WebDevTutorial

자동 업데이트 되는 나만의 트위터 백업 ( Twitter Archive ) 사이트 만들기

2012년 말부터 Twitter가 오랫동안 사용자들이 기다려왔던 자신의 모든 트윗들을 내려 받을 수 있도록 하는 기능(Twitter Archive)을 오픈하였습니다. 특정 계정들에만 오픈되다가 지금은 많은 계정들에 이 기능이 지원되기 시작했습니다. 다운받는 방법은 자신의 트위터->설정 페이지에 가보시면 하단에 “Your Twitter Archive” 라고 써있는곳에 내려받기 버튼이 보입니다. 이 버튼을 누르면 처음엔 받을수 있는 링크가 메일로 오구요. 그 메일을 누르면 다운 받을수 있는곳으로 이동합니다. 이 버튼이 안보이면 언어 설정을 영어로 바꿔보시기 바랍니다. 저도 계속 안보여서 안생겼나 하고 기다렸는데, 혹시나 해서 영어로 바꾸니 바로 보이더군요. ( 물론 이걸로 해도 아직 안보이는 분들도 있습니다. 조금 더 기다리셔야 ㅠㅠ )

이렇게 받은 파일을 압축을 풀면, 로컬에서도 완벽하게 브라우징 할수 있는 웹사이트 하나가 생성됩니다. 월별로 조회가 가능하고 검색도 됩니다.

twitter_archive_local

깔끔해서 다른 트위터 백업 사이트나 기능들이 필요없을 정도입니다. ( 전 워드프레스 + 트위터 백업 플러그인으로 개인적으로 만들어 사용중이었습니다. ) 이걸 그냥 자신의 웹서버에 업로드만 하면 언제라도 편하게 검색해 볼수 있지만, 문제가 한가지 있습니다. 항상 최종본이 아니라는 거죠. 매일 새로 트윗은 할테고, 그럴때마다 다운받아서 업데이트를 해야합니다. 그래서 자동으로 새 버전으로 업데이트 하도록 하는 방법이 분명 나올거라고 생각했는데, Martin Hawksey 라는 친구가 Google Drive 와 Google Apps Script 를 이용해서 이걸 자동으로 업데이트 하는 방법 을 공개했습니다.

설명이 좀 복잡하길래, 따라하면서 간단히 정리해봤습니다.

  1. 트위터에서 자신의 archive 를 다운받습니다. 보통은 tweets.zip 이라는 파일로 다운로드 됩니다.
  2. 로컬 드라이브에 압축을 풀고, Google Drive에 해당 폴더를 업로드 합니다.

    이때 conversion : off ( 업로드하는 파일을 구글 드라이브 형식으로 변환기능 : 끔 ) 라고 되어있는지 꼭 확인하셔야 합니다.
  3. 업로드된 폴더의 공유(Sharing) 설정을 열어서 “Public on the web” 으로 지정합니다.
    그러면 해당 폴더가 “https://docs.google.com/folder/d/0B7SMn58mVGhSZE5xVkhNbkg0MmM” 같은 형태로 보이게 되는데 이걸로는 웹사이트 형태로 보이지가 않습니다. 뒤의 0B7SMn58mVGhSZE5xVkhNbkg0MmM 주소를 복사해서 “https://googledrive.com/host/” 뒤에다 붙여넣습니다. 이제 이런 형태의 주소가 완성됩니다. “https://googledrive.com/host/0B7SMn58mVGhSZE5xVkhNbkg0MmM” 이제 여러분의 만든 링크를 눌러보시면 방금 업로드한 자신의 트위터 백업 사이트가 구글 드라이브를 통해서 보이게 됩니다. ( 이 링크는 제 사이트로 갑니다 )
  4. 이제 Martin이 만든 “Update Twitter Archive with Google Drive” Google Spreadsheet 를 열어서 File > Make a Copy 해서 자신의 구글 드라이브로 복사합니다.
  5. 2014.03.14 추가오류가 수정된 코드버전이 GitHub에 따로 있습니다. 댓글에 연와님 제보
  6. Authorize/Add Sync Menu 버튼을 두번 누릅니다. 한번은 권한부여, 두번째는 우리가 사용할 메뉴를 추가하는 것입니다.
  7. 상단에 보면 “Sync Twitter Setup” 메뉴가 추가되었습니다.
  8. 첫번째 메뉴 아이템인 Set Archive Path 를 눌러서 방금 업로드한 자신의 Folder ID ( 제경우는 0B7SMn58mVGhSZE5xVkhNbkg0MmM ) 를 입력합니다.
  9. 두번째 메뉴 아이템인 Twitter API Authentication 을 눌러서 자신의 트위터 계정설정을 합니다. 이경우 트위터 API키를 얻기 위해 새로운 트위터 앱을 추가해줘야 합니다. http://dev.twitter.com/apps/new 로 가서 새 트위터 앱을 만듭니다. Callback URL만 설명에 나온대로 https://spreadsheets.google.com/macros 로 지정하면 큰 문제 없습니다. 설정하고 나서 Consumer key 와 Consumer Secret 을 넣어줍니다.
  10. 그리고 나서 Tools->Script Editor 를 클릭해서 스크립트 에디터를 열고, Run->Authorize 를 누르면 Authorize 버튼이 팝업되고 이걸 누르면 트위터 사이트를 통한 내 트위터 앱 인증이 진행됩니다.
  11. 이제 설정이 완료되었습니다. “Update Archive Now” 를 누르면 바로 업데이트 하며, “Turn Auto-Refresh On” 을 누르면 매일 한번씩 자동으로 업데이트 됩니다.

앞서서 말씀드렸듯이 제가 원래 제 Twitter 백업사이트를 워드프레스 + 트위터 플러그인으로 운영하고 있었는데, 이걸 이용해서 Google Drive를 이용하게 아예 변경했습니다. 이제 http://twitter.xguru.net/ 에서 제 모든 트윗을 확인하실수 있습니다.

기본 코드는 Google Apps Script 의 Trigger 를 이용하여 toggleTrigger() 함수에서 trigger.timeBased().everyDays(1).atHour(0) 의 형태로 매일 0시에 한번 호출되게 되어있는데, 너무 텀이 긴듯해서 trigger.timeBased().everyHours(1) 로 변경해서 한시간 마다 한번씩 업데이트하게 변경했습니다. everyMinutes() 로 1분당 한번씩도 가능하긴 할텐데.. 그러면 구글에서 블록될지도.. ㅡ.ㅡ;

그리고 아쉽게도 아직 구글 Drive 에 있는 파일을 Custom Domain 으로 제공하는 방법은 없는듯 하네요. ( 아마존 S3 는 CNAME 설정을 통해서 스태틱 파일 서빙이 가능합니다 ) 그래서 오래된 방식인 IFRAME 으로 묶어버렸습니다.

[iframe src="https://googledrive.com/host/0B7SMn58mVGhSZE5xVkhNbkg0MmM/#"
style="border: 0; position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%"]

이제 트위터의 트윗 백업을 자동으로 구글드라이브에 남겨보세요.

다이어트의 증거. ^_^V

몸무게 앞자리가 3번째 바뀌려고 한다..
지난 1년간 참 열심히 살을 뺀듯.. ^_^V

이 가죽허리띠는 2002년에 태국에 출장갔을때 샀던 수제 소가죽벨트…
가격은 머 그리 비싸지 않았던걸로 기억함. 한 2만원쯤이었나 ?

내꺼를 고르고.. 태국인 주인 아저씨가 구멍을 뚫으면서.. 보통은 5개를 뚫는다고 하길래..
난 곧 살을 무지 뺄 예정이니.. 박박 우겨서 7개를 뚫어달라고 했음.. 웃으면서 뚫어는 줬는데..
당시엔 3번째 구멍에 허리가 맞았으나.. 현재는..

하하! 옆과 같이.. 3개 구멍을 더 뚫어서 마지막 구멍에 넣고 바지를 입고 있음..
지금 상태로 봐선.. 조만간 하나 더 뚫어얄 지도.. ^_^

3번째에서 4번째,5번째로 갈때는 강제로 당겼는지.. 자국이 심한데.. 뒤로가선.. 자국이 별로 없네..

최고조 살쪘을 때의 예전사진이 별로 없어서 아쉽다.. 흐..

하튼.. 현재 체지방이나 근육량은 표준체형에 비슷해져 가는듯.. 캬캬

음.. 다이어트 책이나 함 써볼까나 -_-;

My Story 게시판입니다.

My Story 게시판은 제가 하고 싶은말/겪은일 등 잡다한 글들을 적는 공간입니다.

요즘 이슈가 되고있는 blog 형태라고 볼수 있겠습니다만,
blog 용으로 사용되는 Movable Type/pMachine/B2/Blogger등은 이상스레.. 저랑 안맞네여..

일기라고도 할수있고.. 돌아다닌 웹사이트에 대한 소개등 이런저런 일들을 적어보려고 합니다. ^^