[GN#28] 훌륭한 제품을 위해서는 Gamification 이 아니라 Game Design 을 해야한다

2020-01-13 ~ 2020-01-19 사이의 주요 뉴스들
요즘 핫하다는 이메일 서비스 SuperHuman 의 창업자가 자신들의 제품이 훌륭한 이유를 Game Design 을 예로 들어 설명합니다. 게임처럼 디자인 하는 것은 단순히 리워드를 단계별로 주는 것만이 아니라, 다양한 고민을 해야 한다는걸 알려주는 글.

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


훌륭한 제품을 위해서는 Gamification 이 아니라 Game Design 을 해야한다

"Gamification 은 잊으세요. 일이 아닌 놀이처럼 느껴지는 소프트웨어를 만들려면 좀더 깊고 본질적인 동기를 부여해야 합니다."
이전에 게임디자이너 였던 이메일서비스 SuperHuman 창업자의 16분 발표내용 정리

- 게임디자인의 7가지 원칙

1. 좀더 구체적이고 성취가능하며 보람 있는 목표 설정하기 - 슈퍼휴먼의 목표는 인박스 제로

2. 미묘한 감정을 위해 디자인 하기 - 슈퍼휴먼은 인박스 제로 성공시 멋진 이미지를 보여줌

3. 빠르고 단단한 컨트롤 만들기 - 스트리트파이터에서 조이스틱이 입력을 까먹으면 얼마나 화가나는가 => 단축키를 후다닥 누르면 이상동작하는 지메일과 달리 슈퍼휴먼은 단축키를 파이프라인 처리해서 절대 놓치거나 이상동작하지 않는다.

4. 재미난 장난감을 만들고 그걸 게임에 결합 하라 - 슈퍼휴먼의 장난감중 하나는 Time Autocompleter ( 시간입력시 다양하고 쉬운 방식으로 편하게 입력이 가능 ). 이걸 이용해 현재 보는 메일에 대한 알림을 얼마 이후에 다시 알려 달라는걸 편하고 재미나게 입력이 가능

앞의 4가지와 달리 뒤의 3가지 원칙을 설명하기 위해 Flow 이론 ( 몰입 이론 ) 을 잠깐 설명
'몰입' = 어떤 행위에 깊게 빠져있어서그 순간에 개인이 시간의 흐름과 자아를 잊게 되버리는 상태

5. 다음 동작을 분명하게 하라 - 슈퍼휴먼은 메일을 아카이브 하면 바로 다음메일을 보여줌(지메일은 메일 리스트로 감 ) , 단축키를 몰라도 k 누르면 모든 동작을 볼수 있고, 다음에는 단축키를 사용할 수 있도록 옆에 보여줌.
6. 방해받지 않는 명확하고 즉각적인 피드백 - 한번에 하나의 메일만, 인박스는 보여주지 않음
7. 도전과 기술의 균형 - 너무 익숙해지고 메일이 편하다면 더 높은 도전목표를 제시 "마우스에 손 안대고 인박스제로 만들기"

칙센트미하이의 몰입이론 - https://blog.naver.com/skyktc/220581902754

TED 동영상 : 미하이 칙센트미하이 의 몰입 "Flow, the secret to hapiness" [한국어 자막]
https://ted.com/talks/…

 
잘가, 클린 코드 [번역본]

클린 코드는 목표가 아닙니다. 단지 프로그램의 복잡성을 줄이고자 하는 시도일 뿐이며, 코드가 어떻게 바뀔지 모르는 상황에서, 피해를 최소한으로 줄이고자 하는 방어 전략 중 하나일 뿐입니다.
클린 코드를 배우되, 얽매이지는 마세요.

 
Jetbrain의 프로그래밍 전용 폰트 Jetbrain Mono 출시

PyCharm, IntelliJ 등 IDE로 유명한 제트브레인에서 코딩용 폰트를 출시했습니다.
요즘 프로그래밍 전용 폰트에서 요구되는 ligature 지원이 훌륭하며, 랜딩 페이지에서 소개하는 폰트의 특징만 봐도 폰트 디자인하는데 들어간 여러가지 고민이 돋보입니다.

 
Tiny Helpers - 웹 개발자용 단일목적 간단한 도구들 모음

- Rows To Columns
- Base64 변환기
- Carbon - 소스코드 to 이미지
- CSS 툴 : 커서,그리드 생성기,추출기 등
- Favicon 생성기
- 웹폰트 생성기
- JWT 디버거
- 메타태그 에디터
- 정규식 편집기
- 이미지/SVG 최적화
- Unicode 및 특수문자 검색/변환기

 
OneDev - 작고 가벼운 GitLab/GitHub 대체제

이슈트래커,Git 관리,Pull Request,CI 기능을 통합한 오픈소스 DevOps 서버
도커이미지 하나로 실행가능
- 데스크탑/모바일 웹 UI
- Repo Fork/Clone
- 이슈와 커밋 연결 지원
- PR후 자동 CI 실행,PR정책 편집 가능(리뷰어 숫자,파일 패턴등)
- 심볼 검색 및 코드 인텔리전스 기능 내장
- PR없이 코드에 대한 토론 가능

GitLab과의 가장 큰 차이는 Java로 된 오픈소스 라는거네요.
CI 기능도 YAML편집해야 하는 GitLab에 비해 UI 만으로 쉽게 작성 가능하구요.
그리고 꽤 큰 레포도 관리 가능하다고 하면서, 내부 데모로 Linux Repo 를 클론해서 보여주고 있습니다.
https://code.onedev.io/projects/linux/

GitHub 엔터프라이즈 대신 GitLab을 선택하는 회사들에게 또 다른 선택지가 될수 있으려나요.
모바일 페이지까지 깔끔하게 지원하는게 인상적입니다.

 
Java 14의 Records 클래스 소개

- 데이터 클래스
- 필드만 정의하면 나머지 코드를 컴파일러가 자동 생성 : toString,hashCode,equals,Getter,public constructor 등

Kotlin 의 data class, Scala 의 case class 등 과 거의 유사

Goodbye, Lombok!

 
eSQLate - SQL만으로 간단한 Admin 기능 개발하기

간단한 JSON+SQL 구문을 적어주면, 쉽게 DB를 조회/수정/추가 할수 있는 UI를 만들어 주는 도구.
각 폼간에 링크를 만들어서 간단한 워크플로우 생성 가능.
조회결과는 CSV로 다운로드.

 
No-Bullshit Games

엉터리들 제거하고 나름 괜찮은 게임들만 모은 리스트
- 광고많고 제거 안되면 Out
- 돈으로 게임내 화폐 구입하는 거 Out
- 추가레벨 구입은 괜찮지만 값어치는 할 것
- Pay To Win은 아웃. 아이템은 꾸미기용만
- 돈내기전에는 엄청 어려운 게임도 Out
- 에뮬레이터는 게임 아님

 
Google Cloud Run으로 사이드 프로젝트들 거의 무료로 운영하기

GCR=스케일러블하고 저렴한 도커 컨테이너 플랫폼
서비스를 Stateless 하게 만들어두면 요청시에만 이미지 실행.
아직 트래픽이 많지 않은 사이드 프로젝트들의 경우는 여러개 만들어도 돈이 거의 들지 않는다고.

저는 요즘 AWS 람다로 비슷한 취미 프로젝트들을 돌리고 있는데, 도커 컨테이너로 만들면 환경 구축이 더 편하긴 하겠군요.

 
2FA 인증을 도와주는 HTML속성들

숫자전용 키보드 열기 inputmode="numeric"
iOS에서 SMS문자 받아서 넣기 autocomplete="one-time-code"
그외에 new-password, current-password 등에 대한 설명

one-time-code의 경우, iOS 앱에서는 OTP 입력받는 UITextField의 속성변경으로 적용 가능

myOtpTextField.textContentType = .oneTimeCode

 
2020 스타트업 테마

소제목들은 비유가 심해서 내용을 읽는 걸 강력 추천. 재미나고 유용하네요.
1. 광고주 위축의 법칙
2. NoCode 좋아요
3. 엔터프라이즈 검색
4. 디지털 무역전쟁
5. 프라이버시 Head Fake
6. Useful AI
7. Radar
8. 원격근무 & 협업
9. 개발자 도구
10. 엔터프라이즈 물놀이
11. 탄소배출과 환경

1. The Law of Advertiser Atrophy - 광고주 위축의 법칙

1번 제목은 번역하기 참 난감해서 그냥 직역했는데, 전체 내용을 읽으면 그 비유들이 얼추 이해가 됩니다.

기업이 수익을 내기 위해선 사용자 경험을 해치게 되고,
아마존과 구글은 강력하고 멋져보였지만,
이제는 블프때의 코스트코처럼 시끄럽고 광고가 판치고, 수익성만 좇고 있습니다.

이렇게 매출이 증가하려면 장기적으로 고객 만족을 저하시키게 되지만,
실제로 아무도 그걸 측정하기 어렵고, 투자자는 신경쓰지 않습니다.
그래서 인스타그램엔 광고가 너무 많고,
아마존에서 정품 휴대전화 충전기를 찾으려면 탐사 저널리즘 학위가 필요할 정도가 되었습니다.

그래서, 이제 스타트업이 예전에는 도전하지 못했던 분야에 발을 내밀수 있게 됩니다.
새로운 검색엔진, 새로운 소셜 네트워크, 새로운 소비자 대상 스타트업이 나타날지도 모릅니다.

----

2. Saying Yes to NoCode - NoCode 좋아요

제가 가장 재미나게 보는건 2번인데요.
작년에는 떠오르는 시장이었던 NoCode,Low-Code가 올해는 거의 대중화단계에 들어가는 것처럼 여기저기서 이야기 되네요.

여기선 NoCode 마켓을 두가지로 나눠서 보고 있습니다.

RPA ( Robotic Process Automation ) : 이건 기존에 사람들이 일하는 방법을 잘 관찰한다음 그 사람이 하는 것처럼 똑같이 움직여주는 방식을 말합니다.
- UIPath https://www.uipath.com/ko/ 같은 회사가 이런 제품을 만들고 있습니다.

Lego Software : 드래그앤 드롭으로 회사에 필요한 도구를 만들수 있게 해주는 서비스들
- Zapier https://zapier.com/ - 서른 다른 서비스들을 연결하고 데이터를 전달
- Airtable https://airtable.com/ 과 Notion https://www.notion.so/ - 쉽고 편한 UI로 데이터를 저장하고 관리
- Glide https://glideapps.com/ - 모바일앱을 쉽게 만들어주는 도구(구글쉬트를 앱으로 변환)
- Retool https://tryretool.com/ - 사내 백오피스 도구를 레고만들듯이 조립하기

----
4. Digital Trade War - 디지털 무역전쟁

4번은 갑자기 무슨 무역전쟁 인가 했더니
TikTok을 만든 Bytedance가 만든 Lark https://www.larksuite.com/ 얘기였네요.
팀 협업도구로 오피스(문서,스프레드시트,슬라이드,마인드맵)+채팅+캘린더+화상회의+파일저장 까지 G-Suite 가 제공하는 거의 모든 기능을 저렴하게 제공하는 서비스 입니다.
윈도우/맥/iOS/Android 모두 지원하고 모바일 퍼스트라고 할정도로 모바일도 잘 지원해요.

----

5번 Privacy Headfake

https://wikipedia.org/wiki/Head_fake
헤드 페이크는 원래는 스포츠에서 머리를 먼저 움직여서 그쪽으로 움직이는것처럼 보이게 한후 다른 방향으로 가는 것을 의미합니다.
랜디포시의 "마지막 강의" 에서 "푹 빠져들 때까지 배우는 사람으로 하여금 자신이 진정 배우고 있는 것이 무엇인지 모르게 하는 것" 라는 표현으로 쓰여서 숨겨진 목표를 얘기하는데 쓰입니다.

마지막강의 한글자막 https://www.youtube.com/playlist?list=PL343772FA583C41B9

근데 이중에 재미난 표현이 하나 있습니다.
"Privacy might be the digital spinach: something you know that’s good for you, beloved by regulators, but not a primary driver for anyone but the most extreme health consumers."
"프라이버시는 디지털 시금치 같은거에요." 나한테 좋을거 같지만, 실제로는 규제기관들이 더 좋아하고, 정말 잘 챙기는 사람들에게는 가장 중요한 이슈가 아닌..

어쨋거나 이제 프라이버시 이슈를 통해서라도, 좀더 나은 구글이 나올때가 되기는 했습니다.
DuckDuckGo가 EU에서 안드로이드 설치시 첫번째 옵션이 되었고(당분간이지만),
유럽의 검색엔진 Cliqz https://cliqz.com/en/ 가 나름 인기를 끌고 있으니까요.

----

6번 Useful AI - 쓸모있는 인공지능

다들 머신러닝 이야기를 하지만, 실제로 그게 우리한테 쓸모 있는 제품에 반영된것은 많이 없죠.
하지만 이제 그런것들이 나오지 않을까 하면서 여러개의 서비스들을 설명합니다.
( 정작 한국어로는 잘 안되는 것들이라 링크는 안하렵니다..)

----

8번 Remote & Collaboration - 원격근무와 협업

예전엔 실리콘밸리,샌프란시스코 에 회사가 있는게 중요했지만 이제는 Remote가 일상화.
(한국은 아직 멀긴했지만요..)
그러다 보니 수많은 원격근무 와 협업 지원 도구들이 나오기 시작했습니다.
국내에선 슬랙,노션,피그마 정도만 얘기되는데 다양하게 살펴봤으면 합니다.

----

9번 Developer Tools - 개발자 도구

개발자 도구 시장은 정말 기복도 심하고, 돈벌기가 힘든 시장중에 하나였는데, 요즘은 분위기가 다른듯
여기서 얘기하는 Zeit https://zeit.co/ 과 Repl.it https://repl.it/ 은 한번 살펴보세요

Repl.it 은 Breakout Startups 에서도 따로 다뤘네요
https://breakoutstartups.substack.com/p/breakout-startups-pro-5-replit

----

10번 The Enterprise Dabblers

Dabbler가 물장난 하는 사람이니, 엔터프라이즈 시장에서 물놀이 하러 많이들 들어온다걸 의미하는듯
위 2번의 RPA(Robotic Process Automation)가 그렇다고. 너도 나도 NoCode 시장에 뛰어들고 있음.

 
한줄짜리 HTTP Static Server 모음

현재 폴더를 웹으로 서빙하는 명령어들
python -m http.server 8000
twistd -n web -p 8000 --path .
ruby -run -ehttpd . -p8000
php -S 127.0.0.1:8000
busybox httpd -f -p 8000
webfsd -F -p 8000

 
개발자를 위한 새로운 SameSite=None; 보안 쿠키 설정에 대비하기

- Cross-site, same-site 쿠키 컨텍스트 이해하기
- 쿠키 보안과 투명성을 위한 새로운 모델
- 2020년 2월부터 Chrome에 적용
- 준비 방법과 알려진 복잡성

 
알아두면 유익한 2019 개발이야기

퍼플웍스에서 2019년에 도입했던 기술과 유용한 개발 내용 정리
Typescript,TSLint+Prettier,VSCode,Jest&Enzyme,Styled Component,
Atomic Design,Storybook,Ant Design,Next.js,Headless CMS - Directus & Prismic,
GraphQL - Hasura, Apollo, 배포프로세스 개선, Google Cloud Run, EKS, Terraform,
업무개선을 위해 도입한 도구들 - Asana, Unito, Notion, Daily Standup Meeting, OKR

 
wav2letter@anywhere, 페이스북이 공개한 고성능 음성인식 프레임워크

기존에 공개한 wav2letter++ 를 어디든 임베딩 가능하게 만든 고성능,멀티쓰레드,멀티플랫폼 음성인식 라이브러리.
RNN과 CNN지원(CNN쪽이 더 빠름).
C++ 코드이고 스트리밍을 염두에 두고 설계.
서버사이드 백엔드는 FBGEMM, iOS와 Android용 백엔드도 공개예정

 
MS, 2030년까지 카본 네거티브가 되겠다고 선언

"탄소 중립만으로는 충분하지 않다."
2012년에 이미 탄소 중립을 달성했지만, 2025년까지 재사용 에너지 사용율을 100%로 올리고, 2030년이 되면 모든 탄소 배출량보다 제거량을 높여서 0 이하로 만들고, 2050년이 되면 1975년 창립후 발생시킨 모든 카본들을 없애겠다는 계획.
- 이를 위해 1조달러의 기후 혁신 펀드를 조성. 자신들을 비롯 고객들이 동참하도록 도울 것
- 사용량을 줄이는 것부터, 카본 택스량을 늘리는것, 그리고 새로운 기술을 도입하고 개발하는 것까지를 포함.

구글도 탄소중립은 2007년에 이미 달성했으며, 아마존은 탄소중립을 2040년까지 달성하겠다고 발표.

또한 재생에너지 100% 사용 관련해서 애플은 2018년, 알파벳(구글) 2017년에 달성한바 있고, 아마존은 2030년까지 페이스북은 2020년에 달성 하겠다고 발표 한바 있음.

"카본 네거티브"는 좀더 진취적인 행동으로 아직 회사들 중에서는 아무도 얘기한바는 없음.

MS 잘하고 있네요. 짝짝짝

 
Git 2.25 릴리즈 - 주요 변경 사항들

2.24이후 500개 이상의 변경 포함.
가장 큰 변경은 "거대 Repo용 sparse-checkout 커맨드 지원"
이전에 도입된 partial clone과 상호 보완.
cone 모드를 통해 특정 폴더만 체크아웃 해서 빠르게 작업 가능.

partial clone 및 sparse-checkout 은 아직 Github 도 제대로 지원하지 않음.