[GN#95] 인터넷 검색 팁과 SaaS Metrics

2021-04-26 ~ 2021-05-02 사이의 주요 뉴스들
인터넷에서 정보를 찾을 때 초보와 고수를 판가름하는 것 중 하나는 어떤 검색 엔진을 얼마나 자유롭게 활용해서 검색하는가 일 듯한데요. 구글에서 검색할 때 @/$/#/../""/- 등의 명령어나 site:/related:/filetype: 같은 한정 검색어만 알아도 검색하는 속도가 굉장히 빨라질 수 있습니다. 만약 논문/책 등을 검색한다면 구글 검색엔진 외에 구글 Scholar 나 Libgen, Sci-Hub 같은 도구들도 유용합니다. Gwern Branwen 이 이런 검색 팁을 총망라한 "Internet Search Tips" 글을 2018년에 공개했었는데, 최근에 최신 내용으로 업데이트를 했습니다. Gwern은 개인 블로그를 운영하는 프리랜서 작가인데, 이 블로그는 굉장히 독특합니다. 특정 주제를 잡고 세밀하게 파서 엄청난 양의 링크들과 함께 정리하고, 각 링크들은 페이지 내 팝업으로 같이 보여주는 방식을 취하고 있어서 하이퍼링크 형식의 백과사전을 읽는 느낌이 들거든요. 제가 요약 번역했지만, 원문을 꼭 읽어 보시길 추천해 드립니다.

Causal 은 예전에 소개해드렸던 스타트업을 위한 수치모델링 도구인데요. 스타트업 운영 시에 주로 봐야 하는 지표들부터, 재무 계획, 캐쉬플로우, 퍼포먼스 마케팅이나 이커머스에 관련된 메트릭들을 Excel과 비슷한 UI로 입력하면 인터랙티브 대쉬보드로 만들어 줍니다. Causal 이 SaaS들이 꼭 챙겨봐야할 주요 지표들 6개를 뽑아서 설명하고, 템플릿으로 제공하고 있습니다. 이 지표들과 템플릿을 참고하시고, 개인 사용자한테는 무료로 제공하고 있으니 소규모 스타트업에서는 꼭 이용해 보시면 좋겠습니다.

보안은 아무리 강조해도 지나치지 않습니다. 긱뉴스에서 주로 소개해드리는 링크 중의 하나가 보안 관련 링크들인데요. 이번엔 리눅스 서버 보안 설정 시 기초 팁을 다룬 링크가 오픈소스닷컴에 기사로 올라와서 공유해 드립니다. 보안은 한 번에 적용하는 것 보다는, 하나하나 습득하면서 체화시켜서 나중엔 따로 신경 쓰지 않아도 되는 게 좋다고 생각합니다.


✓ 사내에서 슬랙을 쓰신다면 뉴스채널에 GeekNews SlackBot 을 추가하여 편하게 새 글을 받아보시고, 멤버들에게도 공유해주세요.
✓ 주위분들께 긱뉴스 위클리 - https://news.hada.io/weekly 를 추천해 주세요.
Twitter , Facebook 에서도 긱뉴스를 받아 보실 수 있습니다.

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


인터넷 검색 팁

- 인터넷에서 논문,웹페이지,책 등의 정보를 검색하는 기본부터 주요 팁들을 정리
- 제 기준 개인 웹사이트 중 최고라고 생각하는 Gwern Branwen*이 작성한 글. 일부만 옮겼으므로 꼭 원문을 보시기 바랍니다

[ 논문 검색 ]
- 검색 문법 : 불린 연산자, 주요 구글 명령어들 (쌍따옴표는 정확한 일치, 하이픈은 부정/제외, Site: 는 특정 웹사이트 검색 )
- 빠른 검색을 위한 핫키 설정하기 : AutoHotkey, Quicksilver, XMonad 등
- 웹브라우저 단축키 : C-l, C-PgUp/C-PgDwn, C-w, C-t/C-T, M-[1–9]
- Google Scholar 검색시에 HTML 보기

- 논문 타이틀 검색 팁
ㅤ→ 검색결과를 줄이기 위해 제목을 자르거나 AND/OR 및 - 등을 이용하기
ㅤ→ Year 추가/삭제해보기..
ㅤ→ 구글의 날짜 범위 이용하기
ㅤ→ site:archive.org 넣어서 인터넷 아카이브 검색하기

- 어려운 케이스들
ㅤ→ 역 인용(Reverse Citations) : 구글스칼라의 "related articles" "cited by" 보기
ㅤ→ 석/박사 학위 논문은 ProQuest
ㅤ→ 역 이미지 검색 : 구글 이미지, TinEye, Yandex 를 이용

- 도메인별 검색 팁
ㅤ→ 트위터 : 구글에도 걸리긴 하지만, 추가 정보를 안다면 트위터 고급검색도 훌륭 (from:, to:, since:, until:, near:, url: ..)
ㅤ→ 미국 연방 법원 : Pacer 가입 필요. 유료($0.1/페이지) 지만 총 $15이하에선 무료. Recap 이라는 공개미러도 있음. Recap 브라우저 확장도 제공
ㅤ→ Wellcome 도서관 : 오래된 잡지/책들이 많음. SEO가 바보같아서 구글등에선 검색이 잘 되지 않지만 잘 살펴볼 것
ㅤ→ 오래된 잡지 : site:pdf-giant.net , 교육관련 검색은 ERIC ( site:eric.ed.gov )

- Paywall 대응하기
ㅤ→ 책/논문의 경우는 Libgen / Sci-Hub 를 이용해서 우회 가능. Z-Library 통해서 전문검색 가능

- 위의 모든 방법으로 구하는게 불가능할 때 다른 사람들한테 요청 가능한 곳
ㅤ→ 서브레딧 : /r/scholar
ㅤ→ 트위터 : #icanhazpdf
ㅤ→ Wikipedia Resource Request
ㅤ→ LessWrong HelpDesk

- Full-Text Copy를 찾고나서 할 일
ㅤ→ 신뢰할수 없는 호스트에는 링크 하지 말것 : Libgen/Sci-Hub, Nber, Scribed, ResearchGate..
ㅤ→ 스캔본의 경우는 gscan2pdf 로 편집 & OCR
ㅤ→ 메타데이터 추가 : ExifTool, pdftk
ㅤ→ 가능하면 퍼블록 호스팅해주고, Wikipedia/Reddit에 링크 공유
ㅤ→ PDF 링크 팁 : URL 뒤에 #page=N 붙여서 페이지 지정 가능

- 고급
ㅤ→ Archiver-Bot들을 이용해서 검색 히스토리를 자동 아카이브
ㅤ→ GCSE(Google Custom Search Engine) 만들기

[웹페이지]
- 만약 제목을 안다면 제목만 검색
- URL 검색시 불필요한 인자들 지우기
- 구글 검색시 site: 이용해서 도메인 한정, 날짜 한정

- 구글 외의 검색 사용
ㅤ→ DuckDuckGo : Bangs 기능으로 외부 사이트 검색을 직접 사용 (현재 13000개가 넘는 외부 사이트 지원 )
ㅤ→ Bing/Yandex 도 유용

- 아카이브 확인하기 : Internet Archive 또는 Memento 메타아카이브
ㅤ→ IA는 도메인 전체 URL확인기능을 제공. wayback_machine_downloader(루비)로 전체를 다운로드 가능
ㅤ→ 구글리더가 종료전에 Archive Team이 구글리더의 꽤 많은 RSS들을 백업받아서 IA에 호스트 했음(WARC로도 가능, 마지막에 다운로드&검색팁 제공)
ㅤ→ archive.today : IA와 비슷한 미러
ㅤ→ 정 안될경우 Google Cache도 이용 가능

[디지털 책]
- 책은 Google Scholar에는 없음. Google 검색을 이용.
- filetype:pdf 으로 먼저 검색해보고 그다음 Libgen 이용
- IA에도 책은 많은데 SEO가 별로인지 검색이 잘 되지 않음. "책 제목 site:archive.org"
ㅤ→ IA에 있는 책이 DRM이 걸려 있다면 Calibre의 De-DRM 플러그인 사용 가능
- HathiTrust 에도 많은 책 스캔이 있음
ㅤ→ 전체 다운로드는 불가능 하지만 wget을 통한 우회방법 있음. 이 방법은 Wellcome Library에도 적용 가능

[출판본 책]
- 구글 북스 또는 find-more-books.com 으로 중고 서적 검색
ㅤ→ eBay & Amazon 은 중고책 구입엔 좋지 않음. 정보만 볼 것
ㅤ→ AbeBooks, Thrift Books, Better World Books, B&N 등이 구입에 좋음
- 책 스캔하기 : 파괴 vs 비파괴 및 컷팅도고, 메타데이터 및 PDF 생성 팁들

* Gwern Branwen 은 프리랜서 작가이자 연구자 입니다. 개인 웹사이트인 https://www.gwern.net/ 을 운영하는데 정말 독특해요
ㅤ제 기준 개인 웹페이지/블로그 에선 탑 오브 탑. 특정 주제를 잡고 그걸 세밀하게 파고 정리해서 올리는게 주 특기입니다.
ㅤ→ GoodReads로 알아본 "사람들이 읽다 포기한 책 Top 5" https://news.hada.io/topic?id=1231

이전에 올라왔던 "개발자를 위한 정보 검색 팁" 같이 추천합니다. https://news.hada.io/topic?id=2932

 
SaaS Metrics

스타트업용 스프레드시트인 Causal이 중요 SaaS 지표들을 계산법과 함께 설명하고 템플릿으로 제공
1. Customer Churn - 고객 이탈률
2. Lifetime Value - 생애 가치
3. Customer Acquisition Cost - 고객 획득 비용
4. Retention Margin - 유지 마진, MRR의 어느정도가 실제 수익인가
5. Months to Recover CAC - CAC비용 회수에 걸리는 개월수
6. Net Revenue Retention - 매출 지속률

* Causal - 스타트업/전략/마케팅을 위한 수치 모델링 도구 https://news.hada.io/topic?id=2008
Causal 은 이런 다양한 수치/지표들을 템플릿으로 제공도 하고, 인터랙티브 대쉬보드를 만들어 주는 서비스 입니다.

SaaS 지표를 설명한 글들은 국내에도 꽤 좋은글이 많으니 구글링해서 보는 것도 좋습니다.

- 고객 생애 가치 이해하기 https://sungmooncho.com/2011/11/21/customer-lifetime-value/
- MRR(Monthly Recurring Revenue) https://brunch.co.kr/@leedongins/69
- PM이 알아야할 B2B SaaS 비즈니스 지표 https://mobintouch.oopy.io/12994b74-e064-42e0-b566-345f13a09edf
- a16z 의 "16 Startup Metrics" https://aliahn.tistory.com/14
- a16z 의 "16 More Startup Metrics" https://aliahn.tistory.com/61

 
초보자를 위한 리눅스 서버 보안용 오픈소스들과 팁

1. apt-get 업데이트
2. UFW 방화벽
3. libpam-cracklib 암호 정책 강화
4. 필요없는 서비스 비활성화
5. netstat 포트점검 / fail2ban
6. ClamAV 멀웨어 스캔 / cron & systemd 타이머로 자동화

- SaaS CTO 보안 체크리스트 [27p PDF] https://news.hada.io/topic?id=2509
- OWASP Cheat Sheet - 웹어플리케이션 보안 치트시트 https://news.hada.io/topic?id=115
- Terrascan - 인프라 보안 검사 도구 오픈소스 https://news.hada.io/topic?id=3806
- GitHub 프로젝트에 보안 적용하기 (체크리스트) https://news.hada.io/topic?id=3602
- 프론트엔드 개발자를 위한 보안 팁 https://news.hada.io/topic?id=2082

 
CSS Tips

다른 튜토리얼에서 잘 보지 못한 팁들 모음
- 타이핑(깜박이는 커서) 효과
- Drop-Shadow(); 필터
- scroll-behavior: smooth; 부드러운 스크롤
- 센터 정렬하기
- 이미지/이모지 커서
- Truncate Text
- -webkit-line-clamp : 특정 줄수로 텍스트 자르기
- ::selection
- resize:both; 모든걸 사이즈 조절 가능하게
- :target 으로 Modal 만들기
- calc()
- :empty 셀렉터
- 커스텀 스크롤바
- position: sticky;
- CSS 스크롤 스냅
- attr() 을 이용한 다이나믹 툴팁
- caret-color 로 커서 색상 변경
- ::in-range , ::out-of-range
- background-clip 으로 멋진 배경의 헤드라인 글자 만들기

 
최신 도구로 새 TypeScript 프로젝트 시작하기 [2021]

- 기본 프로젝트 설정
- Jest 로 테스트
- esbuild & 번들링
- eslint 로 린팅
- npm 에 패키지 퍼블리싱 하기
- CI : GitHub Actions & GitLab CI
- TypeDoc 으로 API 문서화
* 전체를 Boilerplate 로 제공 https://github.com/metachris/typescript-boilerplate

 
Coolify - 오픈소스 Heroku & Netlify 대체제

- Git에 푸시해서 Node.js 및 Static 사이트 배포
- 원클릭 MongoDB, MySQL, PostgreSQL, CouchDB 설치
- 전체 인프라를 한개의 커맨드로 설치 가능
- Cron/백업/모니터링/사용자 분석 도구 추가 예정

 
Swimlanes - 온라인 시퀀스 다이어그램 에디터

- 텍스트로 편집하면 다이어그램에 즉시 적용
- URL 복사해서 공유 가능(다이어그램 편집시마다 새로운 URL이 생성)
- Google/GitHub 로그인 해서 다이어그램 저장 가능
- 문법
ㅤ→ 메시지 : 화살표, 오픈화살표, X, 양방향, To Self, 대쉬/볼드 라인, 메시지 설명에 마크다운 포매팅 가능
ㅤ→ 노트 : 마크다운 포매팅(볼드/이탤릭/인라인 코드/OL/UL), 사이즈 적용 가능
ㅤ→ 섹션 : if/else, group 지원
ㅤ→ 디바이더 : thin/regular/dashed/bold
ㅤ→ Font-Awesome 아이콘 지원
ㅤ→ Delay 표시가능
ㅤ→ Order 로 Actor 순서 변경

- 문자열로 플로우차트 생성하기 https://news.hada.io/topic?id=3816
- Mermaid - 텍스트로 다이어그램과 플로우차트를 그리는 JS라이브러리 https://news.hada.io/topic?id=792

Plantuml 기반 웹서비스들이 많이 있는데 비교해 보면 좋을 것 같네요.
Plantuml은 markdown 하고도 잘 붙어서 즐겨사용하고 있습니다.
http://www.plantuml.com/plantuml/uml/SyfFKj2rKt3CoKnELR1Io4ZDoSa70000

 
Protomaps - OpenStreetMap 으로 나만의 지도시스템 만들기

- OSM 지도를 커스텀해서 직접 S3등을 이용해 서버리스 호스팅
- Protomaps + PMTiles + OSM Express
ㅤ→ Protomaps.js : 2D Canvas 기반 오픈소스 벡터 지도 렌더러
ㅤ→ PMTiles : 지도 타일의 서버리스용 포맷 (S3 및 CDN에 적합)
ㅤ→ OSM Express : 빠른 OSM 저장 포맷
- 특정지역의 OSM 지도 데이터를 PMTiles 포맷으로 다운로드 가능
- Leaflet.js 연동

지도 서비스가 특정 단계 이상에서는 비용이 많이 들어서 OSM도입을 많이 하긴 하는데요.
백엔드 구성자체가 복잡해서 그걸 더 쉽게 개선한거네요. 흥미로운 시도인듯 합니다.

- Geospatial 웹서비스를 만들때 추천하는 도구들 모음 https://news.hada.io/topic?id=674
- Switch2OSM - OpenStreetMap 전환 가이드 https://news.hada.io/topic?id=1066

 
오픈소스 라이센스 선택하기

GitHub이 상황에 따라 라이센스를 선택할 수 있게 정리

1. 커뮤니티와 함께 하고 싶어요 : APL, GPLv3, ISC, MIT..
ㅤ→ 기여/확장할때는 기존 프로젝트 라이센스를 그대로 사용
2. 짧고 간단하게 허용하고 싶어요 : MIT
3. 개선한 걸 공유하게 하고 싶어요 : GPLv3

그 외
- 소프트웨어가 아니라면 :
ㅤ→ 데이터/미디어 는 CC0-1.0, CC-BY-4.0, CC-BY-SA-4.0
ㅤ→ 폰트 : SIL Open Font License 1.1
- 다른 라이센스들은 ? : GNU AGPLv3, GNU LGPLv3, MPL 2.0, Boost Software License 1.0, The Unlicense
- No License

 
메타버스 비긴즈(BEGINS) : 5대 이슈와 전망 [35p PDF]

1. 게임을 넘어서 경제로 (Beyond Game, Toward Economy)
2. 메타버스 기기의 확대 (Expanding Metaverse Device)
3. 디지털 휴먼의 성장(Growing Digital Human)
4. 다양한 IP와 협력하는 메타버스(IP × Metaverse)
5. NFT와 결합하는 메타버스(NFT × Metaverse)

5대 이슈의 시사점은 다음과 같다. ‘놀라운 미래(Surprising Future)’를 대비한 메타버스 전환(Metaverse Transformation)전략이 필요하다. 메타버스가 가져올 변화의 폭과 깊이가 매우 크고 메타버스 안에서 보내는 시간이 증대될 전망이다. 이에 메타버스 시대, 새로운 기회 발굴을 위해 경제주체의 다각적인 노력이 필요하다. 개인들은 메타버스 시대에 부상하는 새로운 직업, 창업, ‘부캐’ 인생에서 새로운 기회를 발굴하고 활용할 수 있을 것이다. 기업들은 메타버스 시대의 생산성 혁신방안을 모색하고, 협력 사업모델을 발굴해야 한다. 메타버스 업무 플랫폼을 활용한 일하는 방식의 혁신, 전 산업과 가치사슬별 메타버스 환경을 활용한 생산성 혁신방안을 탐색해야 한다. 정부는 메타버스를 활용한 공공·사회혁신 방안을 검토하고, 다가올 메타버스 시대의 위험 요소를 점검할 필요가 있다.

 
Mongita - 임베드 가능한 MongoDB

- "Mongita is to MongoDB as SQLite is to SQL"
- 파이썬 라이브러리 형태로 임베드 가능
- 유닛 테스트용으로도 적합
- 다큐먼트 데이터를 디스크 또는 메모리에 저장
- PyMongo API의 Subset 구현
- 100% 테스트 커버리지
- 10k 문서 벤치마크에서 MongoDB/SQlite 보다 훨씬 빠른 속도

SQLite를 도큐먼트DB로 사용하기 https://news.hada.io/topic?id=3271

 
MarkShow - 마크다운으로 슬라이드쇼 만들기

- 브라우저에서 편집("E")하고 바로 슬라이드쇼 실행
- 로컬/외부URL 의 MD파일 읽어오기 가능
- 별도 발표자 창 보기("S")
- 기본 테마 10개 및 커스텀 스타일(CSS) 지원
- 테이블 / 이미지 / 헤딩 / 리스트(OL/UL) / 코드 구문 강조 / Latex / 애니메이션 지원
- 트랜지션 효과 : cube, page, concave, zoom, linear, fade
- 하단 프로그레스바 보이기
- 키보드 단축키 지원("?")
- Reveal.js + Highlight.js

- Reveal.js - 오픈소스 HTML 프리젠테이션 프레임워크 https://news.hada.io/topic?id=2137
- Backslide - HTML 발표자료 쉽게 만들기 https://news.hada.io/topic?id=3577
- Presenta Lib - 웹 프리젠테이션 JS 라이브러리 https://news.hada.io/topic?id=3145

 
상세 비용을 공개해서 판매 증대 시키키

- 급진적인 투명성이 뜨는 중
- 하바드&USF의 공동 연구 : "비즈니스의 상세 비용을 공개하면 판매에 도움이 될까?"
ㅤ→ 초콜렛/지갑/가방등의 상세 비용을 공개하자 약 15~19%가 더 구매의사를 밝힘
ㅤ→ 실제로 하버드 캠퍼스에선 치킨 수프의 비용 공개 후 판매가 21% 증가
ㅤ→ 이윤이 14%에서 55%정도로 높을때 까지 테스트 됨

왜 동작할까
- 회사를 더 신뢰하게 되고, 구매 의사를 높임
- 다만 이윤이 55%가 넘는 과도한 경우에는 부정적 반응이 나올 수 있음. 또한 의심스럽게 낮은 마진도 마찬가지
- 브랜드 자체에 대한 신뢰도와의 연관성은 밝혀 내지 못함
- 소비재에 대한 연구이며, B2B 제품/서비스는 테스트 하지 않았음. 다만 비슷하게 동작할 것이라고 생각

하는 회사들 ?
- Everlane 이 이걸 아주 잘 사용 하는 회사
- 기술 쪽에선 GrowSurf 처럼 어느정도 투명하게 공개하는 회사들도 나오고 있음(실제 비용까지는 공개하지 않음)

만약 시도해본다면
- 제품의 총비용(고정비에 대한 예상치 까지 포함)을 분석
- 비용 정보를 제품에 이해하기 쉬운 인포그래픽으로 제공 (가격표, 웹사이트..)
- 개별 비용이 5-6개 이상 많다면 그룹화 해서 부담스럽지 않게 단순하게 표시할 것

제조원가까지 공개하는 '에버레인'의 과격한 투명경영 https://www.asiae.co.kr/article/2019060316390512617

브랜드 가치가 아닌, 소비재 제품에서는 한번 시도해 볼만한 마케팅 전략이라고 생각이 됩니다.
기술쪽에서도 나름 재미나게 활용할 수 있지 않을까 생각도 들구요.

국내에 수년 전부터 칸투칸이라는 의류 브랜드가 비슷하게 공개를 하고 있어요. 기능성/여름 옷 위주로 자주 구매하는 브랜드입니다.
https://kantukan.co.kr/shop/mall/…

 
Opyrator - 파이썬 함수를 Microservice로 쉽게 만들기

- 파이썬 함수 코드를 프로덕션에서 사용 가능한 마이크로서비스로 만들어주는 오픈소스
- FastAPI + Streamlit + Pydantic
ㅤ→ FastAPI 로 HTTP API 자동 생성
ㅤ→ StreamLit 로 인터랙티브 Web UI 자동 생성
ㅤ→ 포터블/공유 가능한 실행파일 또는 도커이미지로 변환
ㅤ→ 기존 컴포넌트 재사용 및 다른 Opyrator와 통합 가능
- Pre-defined 컴포넌트들 (코드 및 UI 재사용 가능)
ㅤ→ Text Generation
ㅤ→ Question Answering
ㅤ→ Image Super Resolution
ㅤ→ Text Preprocessing
ㅤ→ Language Detection
ㅤ→ Audio separation
ㅤ→ Word Vectors Training
ㅤ→ Named Entity Recognition

FastAPI 와 Streamlit 둘 다 소개했던 오픈소스들인데 이걸 묶어서 쓸만한 도구를 만들었네요.

- FastAPI - API 개발용 고성능 웹 프레임워크 https://news.hada.io/topic?id=3686
- Streamlit - 파이썬 코드를 커스텀ML도구로 쉽게 만들기 https://news.hada.io/topic?id=1498

 
매직더개더링의 진입장벽을 낮추는 게임디자인

2005년 당시 매직더개더링은 신규유저가 줄어드는 문제를 겪고 있었음.
- 기존유저는 새로운 카드를 원하지만, 새로운 카드가 추가될 수록 게임은 복잡해지기에 신규유저 유입을 막는 진입장벽도 높아짐.
- 그래서 당시에 출시한 신제품은 복잡하지 않고 직관적인 카드들 위주로 만들어짐
- 하지만 여전히 신규유저는 늘어나지 않음.

RnD 부서는 게임에 세가지 종류의 복잡성(Complexity)이 있다는것을 발견
- 이해 복잡도 : 카드 자체의 효과가 복잡한 경우.
- 게임판 복잡도 : 카드가 다른 카드와 어떻게 상호작용을 하는지에 대한 복잡도.
출시했던 신제품의 카드들은 단순한 효과를 갖고 있어서 이해복잡도가 낮았지만, 다른 카드와의 상호작용(다른 카드의 공격력을 올려준다던지)이 많아서 진입장벽을 낮추지 못했음.
- 전략 복잡도 : 이 카드를 어느 순간에 사용해야 할지 판단하는데서 오는 복잡도. 게임의 실력과 직결되는 요소.

복잡도를 낮추면 진입장벽은 줄지만 기존 유저들을 만족시키진 못함. 신규유저와 기존유저 둘 다의 니즈를 맞추기 위해, 카드의 희귀도(Rarity)를 활용
- 신규 유저는 팩을 많이 구입하지 않기 때문에, 사용하는 카드중 커먼 등급 카드의 비율이 높음.
(매직더개더링 카드의 희귀도는 커먼-언커먼-레어-미식 등급으로 구분됩니다. 카드팩 하나에는 커먼 10장, 언커먼 3장, 레어 또는 미식 1장이 포함돼 있습니다.)
- 커먼카드의 이해 복잡도와 게임판 복잡도를 최대한 낮게 디자인
- 기존 유저들이 좋아할만한 복잡한 카드들은 주로 언커먼 이상 등급에 포함
- 전략 복잡도는 예외로, 카드를 사용하는 타이밍에 대해선 신규유저가 의식하지 못하기에 진입장벽으로 인지하지 않음.

이와 같은 게임디자인 전략이 적중해서, 이후 매직더개더링의 판매량은 늘어나기 시작했고 몇년간 판매량 최고조를 갱신하게 됩니다.

 
사내용 도구를 안전하게 오픈소스화 하는 법

- Repo의 Secret 스캔
- 내부 이름/이메일을 공개용으로 변환
ㅤ→ git 히스토리에서 이메일 필터링
- Contribution 가이드라인 작성법
- 버그 리포트 / PR 템플릿 작성 팁
- 알맞는 라이센스 선택하기
- 보안 정책 작성
- README 작성 팁

 
Superplate - 프론트엔드 보일러플레이트

- 최신 프레임워크들을 묶어서 빠르게 개발을 시작
- 현재는 Next.js 기반이고, React/Vue/Svelte 등도 추가 예정
- CLI 통해서 다양한 플러그인 선택해서 프로젝트 생성 가능
ㅤ→ UI Frameworks : Tailwind CSS, React Bootstrap, Chakra UI, Ant Design
ㅤ→ CSS Preprocessors : CSS / styled-jsx, SASS / SCSS..
ㅤ→ Features : Fetch, Axios, Storybook, Reverse Proxy, Bundle Analyzer, Apollo GraphQL Client..
ㅤ→ Hooks : SWR, React Query, react-use
ㅤ→ State Management : Redux, Mobx, Recoil
ㅤ→ i18n : next-translate, next-i18next
ㅤ→ Linters / Formatters : ESLint, Prettier..
ㅤ→ Testing Frameworks : Jest, React Testing Library, Enzyme
ㅤ→ E2E Testing Frameworks : Cypress, WebdriverIO
ㅤ→ CI Tools : GitHub Actions, Travis CI

- SaaS Boilerplate - SaaS를 손쉽게 개발 시작하기 https://news.hada.io/topic?id=2848
- 최신 도구로 새 TypeScript 프로젝트 시작하기 [2021] https://news.hada.io/topic?id=4158