[GN#60] Dark 와 최적의 땅콩버터+바나나 샌드위치 만들기

2020-08-24 ~ 2020-08-30 사이의 주요 뉴스들
XP(Extreme Programming) 과 TDD(Test Driven Development) 두 가지를 이야기하면 공통으로 나오는 이름이 있죠. "켄트 백(Kent Beck)" 개발자 분들은 아마도 한 번쯤은 들어보셨을거 같아요. 켄트 백이 최근에는 개발이나 애자일 코칭이 아니라 회사의 전략을 짜는 스태프 롤을 맡고 있다면서 그가 요즘엔 어떤 생각을 하는지 얘기하는 인터뷰를 했어요. 그 인터뷰에서 켄트벡에게 한 첫 질문이 "요즘 어떤 기술 아이디어가 가장 흥미로운가요?" 였는데, 켄트백의 대답은 "Dark" 였습니다. Dark는 언어+IDE+인프라를 결합한 아주 독특한 개발도구입니다. Dark의 CTO인 Paul Biggar가 처음에 소개하면서 "Dark is holistic development environment" 이라는 문구를 썼었는데 잘 어울리는 거 같아요. 웹에서 HTTP Endpoint/DB/CRON/REPL 를 한 화면에서 편집하는 독특한 에디터로 개발을 하구요. 개발하면 별도의 저장 같은 과정 없이 그게 바로 인프라에 반영되어서 즉시 사용이 가능해집니다. SPA등에서 바로 사용 가능한 API 백엔드/워커를 만드는데 최적화 된 도구에요. 켄트벡은 페이스북에 있던 시절, 대규모 협업을 위해서 매일 수백만 번씩 작은 변경들을 지속적 배포 하는 Limbo 라는 걸 작업했었는데 이 Dark가 그와 유사하다고 이야기 합니다. 유튜브에 동영상 튜토리얼들도 있으니 참고하세요.

가끔 굉장히 Geek 한 글들을 발견하면 혼자 웃고 넘어갈 때가 많은데요. "머신러닝으로 최적의 땅콩버터+바나나 샌드위치 만들기" 글은 바나나 조각을 어떻게 잘라야 땅콩버터를 바른 식빵 위에 최적으로 올릴까를 고민한 글입니다. 파이썬과 머신러닝과 각종 수식과 그래프가 난무하는 글이라, 처음에 글만 보고는 아 역시 Geek들은 못말려 하면서 공유 안 하고 넘기려고 했던 글이었는데요. HN에 올라온 댓글때문에 긱뉴스에도 공유를 했습니다. 이 웃기는 아이디어가 심장마비를 진단하는 코드를 만들어보려는 사람의 아이디어와 연결될 수 있다는 사실이 재미났습니다.


✓ 사내에서 슬랙을 쓰신다면 뉴스채널에 GeekNews SlackBot 을 추가하여 편하게 새 글을 받아보시고, 멤버들에게도 공유해주세요.
✓ 주위분들께 긱뉴스 위클리 - https://news.hada.io/weekly 를 추천해 주세요.
✓ 스팸함에 들어가지 않게 news@hada.io 를 주소록에 추가해주세요.
Twitter , Facebook 에서도 긱뉴스를 받아 보실 수 있습니다.
✓ 긱뉴스를 팟캐스트로 들어보세요 : 애플, 팟티, 팟빵, 구글, 네이버 오디오클립, 유튜브

매주 월요일 아침, 지난 일주일간의 GeekNews 중 엄선한 뉴스들을 이메일로 보내드립니다.


Dark - 서버리스 백엔드를 개발하는 새로운 방법

- 프로그래밍 언어(Dark 자체가 새 언어),IDE,인프라를 통합한 개발도구
- API,CRUD 앱,내부 도구,봇 등 다양한 백엔드를 인프라/프레임워크/배포 고민없이 만들기
ㅤ→ 5개의 메이저 컴포넌트를 쉽게 개발 : REST API, 비동기 백그라운드 워커, 잡 스케줄링, 데이터 저장소(키밸류/해쉬맵), REPL
- Trace Driven Development : 코드 작성전에 먼저 HTTP 요청을 하면 404 에러가 나고, 그 404 에러가 IDE에 표시되며, 그 에러를 처리하기 위한 핸들러를 생성하는 방식
- Dark 프로그래밍 언어는 정적 타입, 함수형/명령형 하이브리드 언어. OCaml 이나 Elm과 비슷하고, Rust 나 Haskell 과도 유사. 그 외 Clojure,Ruby,Python,CoffeeScript 등에서 영향을 받았음.
- 언어자체가 에디터와 인프라에 연결
ㅤ→ Play & Replay 버튼을 통해 단위 실행 가능
ㅤ→ v1,v2 등이 붙으면서 자동 함수 버져닝
- 패키지 매니저가 있지만 현재는 베타라 Dark 직원들만 패키지에 함수 추가 가능
ㅤ→ Slack, Asana, Mailchimp, Stripe, Trello 패키지등이 있어서 편하게 사용 가능
- 만들어진 백엔드는 canvas명.builtwithdark.com 으로 접근 가능하며 자신의 커스텀 도메인으로도 연결 가능(CNAME)
- 소스는 깃헙에 공개되어 있지만 오픈소스는 아님

꽤 독특한 개발환경이라 동영상등을 보시는게 이해가 편한데요.

기본으로 전반적인 개발 환경을 이해하는데에는 CEO인 Elen Chisa가 직접 설명하는 9분짜리 "Office Sign-In 앱 만들기" 동영상을 보시면 됩니다.
- https://www.youtube.com/watch?v=orRn2kTtRXQ
( 위 동영상의 블로그 설명 버전 : https://medium.com/darklang/… )

짧으니 전체화면으로 꼭 한번 보시면 좋겠네요. 재미난 개발환경 입니다.

가입하고 Hello World 사이트 만들어보니, 외부에서 접속 가능한 내 사이트 만드는데 10초도 안걸리네요.

그리고 주요 개념인 Trace Driven Development 소개하는 1분 동영상도 재미납니다.
- https://www.youtube.com/watch?v=LcQyAfKLLT0

 
머신러닝으로 최적의 땅콩버터+바나나 샌드위치 만들기

식빵조각위에 바나나 슬라이스 커버리지를 최대화 하는 방법(파이썬 코드 제공)
- 딥러닝으로 사진에서 빵과 바나나를 식별
- 바나나의 비선형 곡선을 계산
- 극좌표로 변환한후 커브를 따라 타원형으로 슬라이스한 폴리곤을 만들고
- 타원 폴리곤들을 식빵안에 2D Nesting 알고리즘으로 배열

- 빵과 바나나 식별은 Mask-RCNN torchvision 모델을 사용
ㅤ→ 이 모델을 훈련하는데 사용한 COCO 데이터셋에는 이미 banana 와 sandwich 카테고리가 있음
- scikit-image 라이브러리를 사용하여 바나나를 분할할 곡선을 계산
- nest2D로 잘라진 조각을 중첩

처음에 이 글을 보고 그냥 일반적인 Geek스러운 글이구나 하고 넘겼는데, HN의 한 댓글때문에 이 글을 소개합니다.
https://news.ycombinator.com/item?id=24275282

"저는 응급의사고, 정식으로 소프트웨어 교육은 받은적은 없어요. 지난 3달동안 저는 초음파 비디오에서 심장벽을 분할한 다음 움직이지 않는 영역을 식별하는걸 만들려고 노력했습니다.( 심장마비의 초기증세 입니다.)

이 분의 프로젝트와 저의 프로젝트 사이에는 많은 유사점이 있습니다. 이 분 지식이 있었다면 지금쯤 내 문제를 해결하고 심장마비를 조기에 발견할수 있는 새로운 방법을 가지게 되었을거라고 생각합니다."

잉여롭게 재미로 한거지만 어딘가는 쓰일 때가 있는거죠.

제가 이럴때 쓰는 말이 있습니다. "잉여는 잉여라고 판단될 때까지는 잉여가 아니다"

 
Pinduoduo로 살펴본 인터랙티브 이커머스 백서 [53p Slide]

나스닥에 상장된, 사용자/주문수 기준 중국 2위인 전자상거래 플랫폼 핀뚜어뚜어(PDD)의 독특한 모델을 이해 하기 쉬운 그래픽으로 깊게 살펴본 재미난 슬라이드 [영문]
* 인터랙티브 이커머스 = 추천 + 커뮤니티 + 엔터테인먼트

전통적 검색기반 커머스 와의 비교

[추천]
- 검색기반 커머스 → 레스토랑의 메뉴판 : 뭘 먹을까?
- 인터랙티브 커머스 → 회전 초밥 : 다음엔 뭐가 나올까?

[엔터테인먼트]
- 검색기반 커머스 → 창고형 할인 매장. 편하고 안전하지만 재미없음
- 인터랙티브 커머스 → 활기찬 야시장. 여기저기 풍선터트리기 게임도 하는 젊은 분위기

[커뮤니티]
- 검색기반 커머스 → 부모들이 작성하는 주단위 필수 물건 구매 리스트. 의무적으로 가야하고, 외롭고 지치고 끝나지 않는.
- 인터랙티브 커머스 → Girl's Day Out. 오늘은 친구들과 손잡고 즐겁게 쇼핑 가는날.

Consumer to Manufacturer 모델
ㅤ→ 기존 유통 채널을 사용하지 않고, 소비자가 먼저 주문하는 방식으로 더 정확한 생산 예측이 가능

"Together, More Savings, More Fun" : 공동 구매(Team Purchases) 기능의 독특한 적용
1. 소비자는 기본적으로 두가지 가격을 제시받음.
ㅤa. 혼자 살때의 가격
ㅤb. 팀으로 같이 살때의 할인된 가격

2. 소비자는 기존 팀에 들어가거나, 새로운 팀을 만들수 있음

3. 24시간내로 친구나 가족을 SNS(위챗,QQ등)로 초대

4. 팀이 완성되면 제품 구매 및 발송.

쇼핑 Feed - 추천
- 검색기반 커머스 → Pull Model : 사람들이 물건을 찾음
- 인터랙티브 커머스 → Push Model : 물건들이 사람을 찾음

쇼핑도 즐겁게 - Gamification
- Duo Duo Orchard (과수원) : 플랫폼의 여러 기능을 사용할때 마다 자신의 과수원/나무에 물주고 씨뿌리는게 가능. 나무가 다 자라서 완성되면, 실제 과일이 사용자 주소로 배송됨.
- Duo Duo Live : 스트리머 방송을 시청하고, 채팅하고, 할인도 받고.

* PDD 의 AARRR ( Pirate Metrics )
ㅤ→ Acquisition : '커뮤니티'에 의한 초대
ㅤ→ Activation : '엔터테인먼트'를 통해서 즐기면서 시작
ㅤ→ Retention : AI와 함께 '엔터테인먼트'를 통해서 지속적으로 사용하게 만듬 (과수원에 씨뿌리고 나무 키우러)
ㅤ→ Referral : '커뮤니티'에 의해서 낮은 가격을 위해서 계속 초대
ㅤ→ Revenue : AI로 사용자 가치 분석을 통해 매출 증대

* 2020년 1~5월 기준. DAU/MDAU 가 Taobao, JD.com 보다 높음

 
일반적인/쉬운 영어로 글쓰는 방법

PEC(Plain English Campaign) 에서 예제와 함께 정리한 가이드
- 문장은 짧게
- 능동형 동사 사용
- 'You' 와 'We' 사용
- 독자에게 맞는 단어 선택
- 지시하는걸 두려워하지 말 것
- Nominalisation(명사화)을 피할 것
- 적절하게 목록 사용

예제를 깔끔하게 잘 적어놔서 이해하기 좋네요. 두고 두고 여러번 읽어봐야 겠어요.

마지막에 피해야할 단어들 목록이 있는데, Gov.UK 에서도 비슷하게 피해야할 단어들을 적어둔게 있으니 같이 참고하세요
https://gov.uk/guidance/style-guide/…

그리고 Writing for Gov.UK 라고 (정부) 문서를 적는 방법을 정리한 글도 있는데 이것도 읽어볼만 합니다.
https://www.gov.uk/guidance/content-design/writing-for-gov-uk

 
긱뉴스 팟캐스트 시작

- 긱뉴스에 올라오는 최신 기술 뉴스들을 좀 더 이해하기 쉽게, 해당 뉴스의 배경과 함께 음성으로 설명합니다.
- Weekly 뉴스레터 기준으로 몇개의 주요 뉴스를 선정
- Apple/팟티/팟빵/Google 등 주요 팟캐스트 플랫폼에서 구독 가능합니다.

 
세계에서 제일 빠른 JSON 파서 만들기

JSON 파서 중에서 특출나게 빠른 것으로는 simdjson( https://news.hada.io/topic?id=2632 )이 있지만, 혹시 특정 사용례에 한해서 이것보다 더 빠른 파싱을 할 수는 없을까요? JSON으로 수신되는 암호화폐 호가 데이터를 simdjson보다 더 빠르게 파싱하는 C++ 코드를 작성한 경험에 관한 포스팅을 소개합니다. (한국어) 이 코드가 simdjson보다 더 빠를 수 있는 까닭은 사용례가 특정 분야를 다루는 작성자의 코드에 한정되어 있기 때문입니다. 결국 일반화된 것보다 특정 분야에 특화된 것이 더 공격적인 최적화가 가능함을 다시 한번 알 수 있군요.

참고 - simdjson 소개글:
https://news.hada.io/topic?id=2632

 
엔지니어링 매니저가 꼭 읽어야 할 도서&아티클

컨텐츠 구독 서비스인 퍼블리에서 내부적으로 선정한 엔지니어링 매니저의 필독 문서 목록입니다. (한국어, 영어) “엔지니어링 매니저” 대상이라고 했지만, 내용상 개발자도 포함하는 것 같네요. 리더십이란 관리자만의 것이 아니니까요.

 
코로나19가 바꿀 사무실과 집의 미래

BBC가 그려본 '재택근무가 일상화된 2025년의 모습'
일주일에 하루 출근하고 4일을 재택하는 직장인의 일과를 그래픽 애니메이션과 함께 설명

- 물론 모든 것이 바뀌는 것은 아니다
- 재무적 변화의 필요성
- 도시를 떠나는 사람들
- 집의 변화
- 언택트 시대가 온다
- 개방형 사무실의 미래
- 미래는 어떤 모습일까

 
구글, 새 경력 인증서 프로그램 시작 예정

- Program Manager, Data Analyst, UX Designer 등 3개 분야
- 6개월 과정으로 실무에 바로 투입가능하게 직무 교육
- 구글 내부 채용시 "4년제 대학 과정과 동일하게 대우"
- 이전 경험 필요없음
- 비용은 미공개이지만 현재 운영중인 "구글 IT 서포트 전문가" 프로그램이 월 $49로 6개월 정도(전체 약 $300)
- 보조금 및 장학금도 지원 예정
- Coursera 플랫폼을 이용

아무래도 개발자를 6개월 교육해서 뽑는다는 건 무리인데 반해, IT Support 군은 구글외에 일반적인 모든 회사에서 수요가 많은 직군이라 이쪽을 먼저 만든거 같아요. 나름 괜찮은 시도라고 봅니다.


Google Career Certificates 공식 사이트 https://grow.google/certificates/

이미 운영중인 IT 서포트쪽 은 두개의 과정으로 운영중인데요
아래와 같은 것들을 배운다고 합니다.

Google IT Support Professional Certificates
ㅤ→ 고객 지원
ㅤ→ 트러블슈팅
ㅤ→ 네트웍 프로토콜
ㅤ→ 클라우드 컴퓨팅
ㅤ→ 윈도우 운영체제
ㅤ→ 리눅스 커맨드 라인
ㅤ→ 시스템 관리
ㅤ→ 암호화 알고리즘과 기술

Google IT Automation with Python Professional Certificate
ㅤ→ 파이썬 프로그래밍
ㅤ→ 기본 프로그래밍 개념
ㅤ→ 기본 파이썬 구문과 자료구조
ㅤ→ 파이썬에서 테스팅하기
ㅤ→ 자동화
ㅤ→ 트러블슈팅 과 디버깅
ㅤ→ 버전 컨트롤 사용법
ㅤ→ 형상관리
ㅤ→ 객체 지향 프로그래밍
ㅤ→ 개발 환경 설정하기
ㅤ→ 정규식

 
ztext.js - 모든 폰트를 3D로 만들어주는 JS라이브러리

- CSS transform-style 을 이용해서 대부분의 웹브라우저 지원
ㅤ→ 폰트 뿐만 아니라 SVG,Emoji 및 이미지에도 적용 가능
- depth, layers, fade, direction 조정
- 마우스 이벤트 지원 : pointer, scroll, scrollX, scrollY
ㅤ→ 약간의 애니메이션 효과 가능

 
아마존 킨들은 놀라울 정도로 많은 데이터를 수집하고 있다

- 앱을 열고, 책을 보고, 몇페이지 넘기고, 책을 닫는것 만으로 100개 넘는 리퀘스트가 아마존 서버로 전송
ㅤ→ 페이지 오픈 시간,첫 글자의 위치,마지막 글자,이미지 포함여부 등
ㅤ→ 페이지 넘김 액션, 책의 길이, 읽기 시작한 위치 등
ㅤ→ 폰트 변경, 단어 하이라이트 하는 등의 여부도 모두 포함
- 바로 전송되지는 않고 로컬에서 저장되었다가 묶어서 전송 : 오프라인 일때도 마찬가지
- 접속 국가, IP, 기기정보(스크린 크기,모델) 등도 포함

 
DeGoogle - 내 삶에서 구글 제거하기

- 구글 의존적인 삶에서 구글 제품들을 제거하기 위한 대체제들을 정리
- 주로 개인정보/보안관련
- 특별한 이유가 없다면 MS/애플/야후/아마존 등의 대기업 제품들은 제외
- 해당 제품을 만드는 회사가 5-eyes, 9-eyes, 14-eyes 에 포함되는지 여부도 기재

5-Eyes, 다섯 개의 눈 : 상호 첩보 동맹을 맺고 있는 미국, 영국, 캐나다, 오스트레일리아, 뉴질랜드 5개국을 이르는 말
https://ko.wikipedia.org/wiki/…

What are 5-eyes, 9-eyes, and 14-eyes? https://www.privacytools.io/providers/#ukusa

해외 특히나 해커뉴스에서는 이 degoogle 이라는게 하나의 밈처럼 소비되는거 같기도 합니다만,
대체하는 오픈소스들에 대해서 이렇게 한번에 정리해두고 찾아보는 정보성으로는 괜찮은거 같아서 올려봅니다.

 
Heroicons - Tailwind CSS 개발자들이 만든 아이콘 모음 226개

- 두가지 크기 아이콘을 SVG 및 JSX 로 제공
- 24x24 : 네비게이션 및 마케팅용 2px 라인 아이콘
- 20x20 : 버튼/폼 용 Solid fill 아이콘
- MIT 라이센스
- 차후에 더 추가 예정

Teenyicons - 15x15 초소형 무료 아이콘들 587개 https://news.hada.io/topic?id=2633
Tabler icons : 24x24 고품질 무료 SVG 아이콘 550개 https://news.hada.io/topic?id=2427

16x16 아이콘들
Forge Icons (300+개) : https://icons.theforgesmith.com/
System UIcons (220개): https://systemuicons.com/

 
암호화된 이메일을 쓰지 마세요

- PGP는 지나치게 쓰기 어렵고, 오래되었으며, 복잡하고, 안전하지 않음
- 이메일은 기본적으로 암호화되어있지 않게 설계되었음.
- 암호화된 이메일의 메타데이터는 암호화되지 않으며, 쉽게 알아낼 수 있음.
- 종단간 암호화를 사용한다고 주장하는 이메일 서비스들은 같은 서비스를 사용하는 사용자끼리만 암호화되고, 키를 그들의 서버에 보관하고 있음.
- 순방향 비밀성(Foward Secrecy)이 유지되지 않아서 한 번 키가 유출되면 모든 내용을 볼 수 있음.
보안이 필요한 대화에서는 기본 종단간 암호화, 메타데이터 암호화, 순방향 비밀성이 보장되는 Signal이나 WhatsApp,Wire 같은 암호화된 메신저를 사용하는 것이 훨씬 더 나음.

글에서 (일반인들이 쓰기 어렵지만) 대안으로 추천하는 다른 것들:
파일 암호화 - age (https://github.com/FiloSottile/age)
파일 전송 - magic-wormhole(https://github.com/warner/magic-wormhole)

 
구글 시트로 Core Web Vitals 매일 자동 측정하기

- Core Web Vitals : 구글의 웹페이지 성능 지표
- 구글시트에 여러 웹사이트를 등록해 놓고 매일 한번씩 자동 실행해서 지표를 기록한뒤 그래프 표시
- 데스크탑/모바일 페이지의 FCP,FID,LCP,CLS,TTI 등을 모두 측정

1. 해당 시트를 복사
2. 첫 페이지 속도 측정할 URL 과 Sheet Name 기록
3. Sheet Name을 알맞게 변경
4. Track Web Vitals 누르면 측정 시작하고 매일 자동으로 한번씩 측정해서 기록 남김

코드를 보니 내부에서 구글 PageSpeedOnline 을 통해서 측정한후 그 내역을 파싱해서 구글 시트에 저장하는 방식이네요.
처음에 등록하면 보안 경고가 나오는데, 소스코드를 보면 아시겠지만 보안상 문제는 없는 코드에요
https://github.com/labnol/code/…

자동으로 측정하고 기록이 되니까, 일주일에 한번쯤 내용을 메일로 쏴주면 더 좋을것 같네요.

 
안드로이드용 크롬, 빠른 웹페이지에 "Fast page" 라벨링 시작

- Core Web Vitals(LCP,FID,CLS) 기준으로 웹 페이지의 사용자 경험을 측정
- 길게눌러서 보이는 컨텍스트메뉴에서 "✓ Fast Page" 라는 마크를 표시
- 크롬 85 베타부터 적용되나, flags 설정에서 바꿔서 바로 사용도 가능

구글, 검색결과 순위에 페이지 경험(Page Experience) 지표 도입 https://news.hada.io/topic?id=2197
- Core Web Vitals
ㅤ→ LCP : Largest Contentful Paint
ㅤ→ FID : First Input Delay
ㅤ→ CLS : Cumulative Layout Shift

Lighthouse 6.0 릴리즈 https://news.hada.io/topic?id=2122
ㅤ→ LCP,CLS,TBT 메트릭 추가

Cumulative Layout Shift (CLS) 란 무엇인가? https://news.hada.io/topic?id=1697
ㅤ→ 이미지/광고의 느린 로딩, 비동기 동작, 동적 DOM변경등으로 웹 페이지의 레이아웃이 얼마나 변하는 지를 측정
ㅤ→ 사용자가 잘못된 클릭을 유발하게 되는 시각적 불안정성을 체크하는 사용자 중심 성능 지표

크롬 83의 개발자 대상 변경사항 https://news.hada.io/topic?id=2123
ㅤ→ Core Web Vitals 적용

개발자가 알아야할 크롬 77 버전의 변경점 https://news.hada.io/topic?id=566
ㅤ→ Largest Contentful Paint (LCP) API 제공으로 가장 큰 엘리먼트의 렌더링 시간을 알수 있음.

 
권오흠 교수의 알고리즘 강의 동영상

부경대학교 IT융합응용공학과 알고리즘연구실의 권오흠 교수님이 업로드한 알고리즘 강의 동영상 재생목록입니다. (한국어) 이 강의에서는 재귀, 순열, 정렬, 트리, 해싱, 그래프, 압축, 동적계획법에 이르기까지 다양한 알고리즘을 다루고 있습니다. 예시 코드에 사용하는 언어는 일부 보충강의 동영상을 제외하고는 Java입니다.

그리고 알고리즘이 나왔으면 빠질 수 없는 것이 자료구조죠. 함께 업로드된 자료구조 강의 동영상 목록도 있습니다. 다만 이 강의에서는 위 강의와 달리 예시에 C언어를 사용하고 있습니다.
https://youtube.com/playlist/?list=PL52K_8WQO5oXIATx2vcTvqwxXxoGxxsIz

 
Ultralight - 작고 빠른 크로스플랫폼 HTML 렌더링 엔진

- Electron을 대체하는 데스크탑앱 개발용 또는 Game용 HTML 렌더러로 사용 가능
- WebKit기반 HTML5 & JS 엔진
- Electron 대비 1/5 크기의 실행파일, 1/8 정도의 메모리만 사용
- C/C++ API 제공. C#,Rust,Java,Go 바인딩은 커뮤니티가 제작
- WebKit 의 WebCore/JavaScriptCore를 가져오고 렌더러는 자체 작성
- 윈/맥/리눅스/ARM64(예정)를 지원하는 AppCore는 윈도우 생성,이벤트 루프,네이티브 그래픽 (D3D,Metal,OpenGL) 지원

 
Safari 브라우저, 크롬/Firefox 와 같은 확장 모델 도입

- 타 브라우저와 마찬가지로 WebExtensions API 를 이용하여 확장 개발이 가능
- XCode 12 베타에 변환 도구를 제공해서 기존 확장을 변환하도록 지원 예정
- 개발된 Web Extension 도 Mac App Store 등록 가능
- 사파리는 두가지 방법으로 확장 개발 가능
ㅤ→ Safari App Extension : Obj-C/Swift 와 JS/CSS 를 사용
ㅤ→ Safari Web Extension : HTML,JS,CSS

 
도메인 소유자가 죽었을 때 도메인에 일어나는 일

- 도메인 소유자들이 불시에 세상을 뜨게되면, 적절한 조치가 없다면 도메인은 만료되고나서 경매에 넘어감
ㅤ→ Igal Lichtman의 경우는 $75K 정도에 팔 수 있었던 도메인들이 가족에게 가지 않고 만료되어 경매로
ㅤ→ Jane Both가 소유한 블록체인 도메인 100여개 역시 경매로
- 도메인은 디지털 자산처럼 관리해야함
ㅤ→ GoDaddy 같은 경우는 사망시 액세스 권한 이전을 위한 절차들이 별도로 존재
ㅤ→ 다른 레지스트라 들도 비슷한 절차가 있음
( 구글 도메인 같은 경우는 공동관리자를 추가해두는 기능이 있어서 이런 용도로 사용가능 하겠네요. )

이 글을 작성한 Kubera 는 디지털 자산관리 서비스 회사 입니다. https://www.kubera.com/
( 그러니까 이 글은 사실 자신들의 서비스를 홍보하는 거죠. 근데 나름 정보가 될 듯해서 올려봅니다. )

Kubera는 은행,주식,펀드,부동산,암호화폐,도메인,엔젤투자내역,수집품 등을 한눈에 볼수 있게 관리해주는 서비스에요.

재미난건 Beneficiary (수혜자) 설정입니다.
https://kubera.com/blog/…
1. 45일간 서비스에 접속을 안한다면 특정 이메일/전화번호로 알림 전송
2. 알림받고도 2일안에 접속을 하지 않으면, 자산 포트폴리오를 수혜자에게 발송
3. 이 알림을 5번이상 받고도 답변 하지 않으면 자신이 믿을 만한 다른 사람에게 이걸 전송

이런 기능을 통해서 말하자면 디지털 유언장을 작성해 두는 거라고 볼수 있겠네요.

구글의 경우는 "휴면계정 관리자" 기능을 통해서 위와 비슷한 설정이 가능합니다.
https://myaccount.google.com/inactive
- 3개월동안 사용하지 않으면 연락할 곳
- 휴면상태가 되었을때 10개 까지의 알림을 보낼 사용자 선정
- Gmail이 휴면되었을 경우 자동응답 메일
- 휴면시 계정 및 콘텐츠 삭제 여부

 
ARWES - Sci-Fi & Cyberpunk GUI 웹 프레임워크

- SF영화에서 보던 UI를 웹에서 구현
- React 컴포넌트 기반
- JSS로 스타일링, react-transition-group 으로 애니메이션, Howler로 사운드 처리

이걸 이용해서 구현한 사이트 중 하나 https://soulextract.com/

 
차세대 이미지 포맷 AVIF 사용법

- 오픈미디어 얼라이언스가 만든 AV1 (.avif) 이미지 포맷
- JPEG 대비 50%, WebP 대비 20% 사이즈 감소
- 크롬85부터 지원, FF80는 피쳐 설정 필요
- 손실/비손실 압축 지원. 투명용 알파채널 및 애니메이션도 지원
- Picture 엘리먼트에서 멀티 소스로 폴백 가능
- 구글이 만든 이미지 최적화 도구 Squoosh 에서도 지원시작

 
Foursquare, 첫번째로 MRC 위치데이터 인증을 획득한 회사가 되다

- 3자쿠키 제한 이슈로 마케터를 위한 새로운 데이터로 사용 가능한 것중의 하나가 위치 정보
- MRC(Media Rating Council)가 위치 데이터 정확도등의 표준화를 위해 "위치 기반 광고 측정 지침"을 제안(2017년)
- 이 지침하에 포스퀘어의 Visits 서비스가 첫번째로 MRC 인증받은 회사/제품이 된 것
ㅤ→ 정확한 위치정보를 제공하는 것으로 검증 받았다는 얘기

오래전 장소에 체크인 이라는 개념을 인식시켰던 Foursquare 는 Pivoting을 통해서
개인 B2C는 Swarm 이라는 앱만 남기고, B2B 회사로 전환을 해서 Location Technology Platform 회사가 되었습니다.
위치정보가 필요한 많은 회사들에게 솔루션을 제공하는 여러 프로덕트를 만들고 있구요.

그중 Visits 서비스는 사용자가 특정 위치에 실제로 갔는지등을 알려주는 데이터를 제공합니다.

 
Waitlist API - 대기자 관리 무료 API

- 신규 서비스를 출시할 때 이메일 주소로 등록한 대기자를 관리하는 API
- 5줄정도 코드로 사용 가능
- 대기자가 다른 사람을 추천해서 등록시키면 순위를 앞으로 조정해 주는 Gamification 기능
- 보기 쉬운 간편한 상태창 : 전체 등록자 & 추천 등록자 수

 
Papercups - 오픈소스 실시간 고객 채팅 도구

- Intercom/Drift 의 주요 기능을 구현한 오픈코어* 모델 오픈소스
- 웹페이지에 대화 기능 팝업 ↔ 슬랙을 통해서 고객과 대화
- 커스터마이징 가능한 채팅 위젯
- HTML 스니펫 or React 컴포넌트
- 마크다운 과 이모지 지원
- Elixir 로 개발 : 얼랭(Erlang) 가상 머신(BEAM) 위에서 동작하는 함수형, 동시성 프로그래밍 언어

* 오픈코어(Open Core) - 핵심 기능은 오픈소스로 공개하고, 그 외의 독점적인 추가기능은 별도로 비용을 지불해야 하는 방식의 비즈니스 모델
예 ) GitLab CE & EE, Kafka (Confluent), Cassandra (DataStax) 등

 
Danfo.js - Pandas와 비슷한 JS라이브러리

- JS개발자들에게 고성능 Relational/Labeled 데이터 프로세싱 도구를 지원하는 것이 목적
- Tensorflow.js 기반 : Tensor를 로딩 할수 있고, 내부 데이터(DataFrame)을 Tensor로 변환도 가능
- 쉬운 결측값(NaN) 처리
- DataFrame의 컬럼 추가/삭제
- 라벨 기반 슬라이싱,인덱싱,쿼리
- 데이터셋 머지/조인/GroupBy
- Arrays,JSONs,List,Objects,Tensors 들 간에 쉬운 변환

 
아마존, 피트니스 밴드 HALO 런칭

- 스크린이 없는 형태의 팔찌 ($99) + 구독형 서비스 ($3.99/월)
ㅤ→ 가속도계,온도센서,심박수 모니터,2개의 마이크,LED표시등,마이크 온/오프 버튼
ㅤ→ 일주일 이상가는 배터리. 방수가능
ㅤ→ 폰과 블루투스 통신. 알렉사 연동 없음.
- Body & Tone
ㅤ→ 스마트폰 카메라로 몸을 3D 스캔하여 체지방량을 측정
ㅤㅤ→ 내 몸의 앞/뒤/양옆 을 찍은 사진을 아마존 서버에서 처리하여 3D스캔으로 만들어줌. 사진은 서버에서 삭제
ㅤ→ 마이크로 음성톤을 감지하여 하루동안의 감정상태를 기록
- 유산소 운동, 수면, 체지방 및 음성 톤을 추적
ㅤ→ 명상, 수면습관 개선, 기본운동 등 건강습관을 개선하기 위한 실험실 기능을 제공
- 현재는 Invite 온리 ( $64.99 )

 
Asana IPO S-1

프로젝트 관리 협업도구 Asana의 상장 서류
- 190개국, 7.5만개 회사, 120만명 유료고객, 320만 무료 계정
- 매출 : 2019 $76.8M → 2020 $142.6M (86% 성장)
ㅤ→ 2019년 $50.9M 적자, 2020년 $118.6M 적자
- 프로젝트 관리 및 협업도구 시장규모 : 2020년 $23B, 2023년 $32B 예상
- 성장 전략 : 더 많은 고객, 기존 고객내에서의 확대, 제품 혁신, 조직 일부에서 전체가 사용하도록 유스케이스 확장

잘 아는 회사들이 여러개 동시에 IPO 서류를 제출해서 관련 뉴스가 많아졌네요 ;)

근데 Asana 는 예상외로 적자폭이 넘 크네요. 2019년 과 2020년을 비교해보면

- R&D : $42M -> $89M 으로 R&D 비용이 매출 대비 더 크게 늘어버려서 전체 매출의 60%가 넘는돈이 R&D네요
- 세일즈&마케팅 : $52M → $105M 역시 두배가량 늘었는데 매출은 두배보다 못하게 늘어버려서 왠지 아쉬운데..

경쟁제품인 JIRA를 만드는 Atlassian 이 상장전에도 이미 수익이 나면서, R&D비용이 40% 이하였던거에 비하면 뭔가 많이 대조가 됩니다. 성장에 집중해야 하는 후발주자라 더 공격적으로 해야 하는 걸까요.

 
Snowflake IPO S-1 분석

- Snowflake는 AWS Redshift와 경쟁하는 엔터프라이즈 데이터 웨어하우스 스타트업
- 작년에만 174% 성장, 3100억원의 매출을 기록하며 이번에 상장 신청
- 초기엔 AWS 위에서 만들었으나 Azure,GCP에서도 동작되게 추가함
ㅤ→ 세 클라우드 모두 Snowflake의 경쟁 제품을 다 가지고 있음 (RedShift, BigQuery, Synapse)
ㅤ→ 친구/적 관계 : Snowflake 는 클라우드 업체의 제품들과 경쟁하지만, Snowflake 고객들이 해당 클라우드 인프라를 사용하게 함으로써 이점을 주기도 함
- 2012년에 설립되어 빠르게 성장하며, 8번의 라운드로 1조 6천억원이 넘는 자금을 조달하고, 61%의 탄탄한 마진율을 구축
- 2020년 현재 하루에 5억개의 쿼리 처리중
- TAM(Total Addressable Market) : 대상 마켓 규모는 약 96조 원($81B)
- 고객
ㅤ→ 2020년 7월 현재 3,117개 회사, 1년전 1547에서 두배 성장
ㅤ→ Fortune 10 회사중 7개가 사용 (수익의 4%)
ㅤ→ Forturn 500 회사중 146개가 사용 (수익의 26%)
- 재무
ㅤ→ 매출 : 2019 $96.7M → 2020 $264.7M
ㅤㅤ→ 가격이 12% 상승
ㅤ→ 매출 총이익 : 2019 $44.9M → 2020 $148.2M ( 46% → 56% 로 개선)
ㅤㅤ→ 마진율은 57% → 62%로 개선
- 상장전 지분율
ㅤ→ CEO, Frank Slootman: 5.9%
ㅤ→ Altimeter: 14.8%
ㅤ→ ICONIQ: 13.8%
ㅤ→ Redpoint: 9%
ㅤ→ Sequoia: 8.4%
ㅤ→ Sutter Hill Ventures: 20.3%

2012년에 오라클 출신 데이터웨어하우스 전문가 두명하고 다른 DB전문가 한명이 합쳐서 만든 회사인데,
지금 CEO인 Frank Slootman은 이 IPO를 위해서 데려온 전문 경영인 입니다. ServiceNow 를 상장시킨 사람이기도 하죠.
ServiceNow에 2011년에 조인해서 2012년에 상장시키고 2017년까지 대표로 있었는데, 현재 시가총액이 100조쯤 됩니다.
IPO당시 주가가 $23이었는데, 현재 $457 이네요. Snowflake도 비슷하게 만들지 않을까 기대를..

 
Unity, IPO 서류(S-1) 제출. NYSE 상장 노린다

- 190개국 150만명의 제작자가 사용하는 게임 엔진 및 콘텐츠 제작도구
- 2019년 월 30억회 이상, 15억대의 기기에서 다운로드
- 앱스토어/구글플레이 상위 1000개 및 PC/콘솔게임의 50% 이상이 Unity로 개발
- NASDAQ 대신 NYSE에 'U' 라는 티커로 상장 계획

상장 타이밍이 좀 절묘하긴 한데, 두 회사는 게임 엔진 말고는 별 다른 접점이 없을 정도로 이미 다른 길을 걸어왔다고 봅니다.
단적으로 봐도 언리얼은 포트나이트를 위시한 게임개발사이자 플랫폼 사업자이지만 유니티는 그냥 엔진에만 집중하고 있죠. 언리얼의 엔진 매출 비용이 얼마 되지 않을거고, iOS/macOS 용 언리얼엔진 매출 비중은 더더욱 적을겁니다.

대형 게임사는 언리얼을 선호하고, 중소인디 게임사는 유니티를 선호하는 분위기던데요.
실제 벌어들이는 돈은 큰 차이 안 날 것 같습니다.

 
AWS Tag Helper - 벌크 태깅 툴

- 다양한 AWS 자원에 태그를 편하게 붙이기
- 현재 태그정보를 CSV로 내려받고, 수정해서 한번에 태그 변경 가능
- EC2,RDS,Lambda,S3,Elasticache,Redshift, ElasticSearch,CloudWatch,CloudFront,ELB v2,Kinesis 등 지원
- Go 로 된 오픈소스

워싱턴포스트가 만든 aws-tagger (파이썬) 도 있습니다.
https://github.com/washingtonpost/aws-tagger
코드가 작성된지 좀 오래되었지만, 이건 위 도구처럼 자원 타입을 지정할 필요없고 리소스 ID만 지정해서 더 간편하게 태깅이 가능합니다.
CSV로 한번에 태깅도 됩니다. 현재 태그 정보를 CSV로 다운받는 기능은 없는데, 그건 위에 껄 활용해도 될것 같습니다.

 
페이스북, iOS14 부터 IDFA 수집하지 않을 것

- iOS14 부터 변경되는 동의 이슈 때문에 아예 수집 하지 않는 것으로 변경
- 새 Facebook SDK는 SKAdNetwork API를 사용할 예정
- iOS14용 앱설치 광고 캠페인을 위한 별도 광고계정을 만드는 것을 권장
- Audience Network에는 큰 영향을 미치게 될 것으로 예상
ㅤ→ iOS 14 사용자들은 Audience Network 통해서는 광고를 못보게 될 것
ㅤ→ 시험결과 50% 정도의 수익 하락 예상

iOS14 : IDFA 시대가 저물어 갑니다 https://news.hada.io/topic?id=2337
IDFA가 없어진 이후의 모바일 마케팅 가이드 https://news.hada.io/topic?id=2363