[GN#98] 200개의 랜딩페이지를 Roasting 하고 배운 것

2021-05-17 ~ 2021-05-23 사이의 주요 뉴스들
광고 및 검색을 통해 서비스와 처음 만나는 랜딩 페이지는 방문자가 페이지를 열자마자 이탈하지 않고 조금이라도 관심이 생겨서 살펴볼 수 있도록 잘 설계 되어야 합니다. 특히나 자체 브랜딩이 구축되지 않은 스타트업들은 이런 기회가 한 번밖에 안 올 수도 있어서 가능하면 페이지 첫 방문할 때부터 방문자들에게 인상을 남기고, 최종적으로는 CTA(Call-To-Action)를 통한 목표 달성을 하는 게 좋은데요. 이 랜딩 페이지에 대해서 컨설팅 해주는 서비스인 Roast My Landing Page 개발자가 1년간의 경험들을 잘 정리한 "200개의 랜딩페이지를 Roasting 하고 배운 것" 글을 요약해봤습니다. 창업자들이 랜딩 페이지에서 주로 하는 실수들과 해결책은 꼭 참고 하시구요. 이 글 자체도 자신의 Roasting 서비스를 홍보하기 위해 쓴 블로그형 랜딩페이지라고 보시면 좋을 것 같습니다. 천천히 둘러보시며 살펴보시는 걸 권해 드립니다.

GitHub Actions는 다양한 방면으로 이용이 되고 있는데요. GitHub의 개발자 경험팀이 GitHub 자체를 ETL(Extract-Transform-Load) 도구로 사용할 수 있게 해주는 Flat Data라는 프로젝트를 공개 했습니다. 작은 규모의 데이터분석이라도 데이터를 모으고 정제해서 사용하려면 작게나마 인프라 구축이 필요한데요. GitHub 인프라를 모두 활용해서 별도의 인프라 구축 없이 자신만의 데이터를 수집하고 다시 활용할 수 있게 해주는 유용한 기능들이 담겨 있으니 참고하셔서 재미난 프로젝트를 만들어보시면 좋겠습니다.

W3C 권고안으로 HTML/CSS/Javascript에 이어 웹을 위한 새로운 4번째 언어로 추가된 WASM(WebAssembly)은 웹 환경에 새로운 기회들을 만들어내고 있습니다. LLVM-to-WASM인 Emscripten 프로젝트를 통해 C/C++ 코드를 WASM으로 컴파일 가능해지면서, SQLite를 웹용으로 만든 SQL.js, FFMpeg을 브라우저에서 실행하는 FFMpeg.js 등을 통해서 더 다양한 프로젝트들을 만날 수 있게 되었구요. Wasmer 같은 도구는 Rust/Go/Python 등 다양한 언어를 WASM 으로 컴파일해주면서도 프로덕션 수준의 성능을 보여주고 있습니다. 이번에 새로 공개된 WebContainers는 WASM을 이용해서 브라우저에서 풀스택 Node.js 환경을 직접 실행할 수 있게 해주는 프로젝트입니다. 이제 Node.js 개발시 로컬 개발 환경을 따로 꾸밀 필요 없이 그냥 브라우저만으로 개발이 가능해지는 상황이 되었네요. 여러모로 재미난 프로젝트인 듯 합니다.


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

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


200개의 랜딩페이지를 Roasting 하고 배운 것

- 스타트업의 랜딩페이지를 분석해서 전환율을 높일수 있게 리뷰해주는 것을 Roast 라고 이름 붙이고, 1년간 진행한 경험담
ㅤ→ 20분정도의 리뷰 비디오를 찍어서 고객에게 제공
ㅤ→ 1년동안 약 1.1억원의 매출과 2000명의 이메일 구독자

- 창업자들이 주로 놓치는 실수들과 쉽게 고치는 방법
ㅤ→ 전환 목표는 딱 1개만
ㅤ→ USP(Unique Selling Position)에 집중 : 경쟁자 및 현재의 방식들과 비교
ㅤ→ 명확,적절한 소셜 증거 : 실제 구매자들이 왜 이 제품을 사용하고 좋아하는지를 먼저 보여 줄것
ㅤ→ 간단한 언어 : 기술용어 제거하고 누구나 이해하기 쉬운 일반 용어를 사용할 것
ㅤ→ PAS(Pain - Agitate - Solve) 를 이용 : 고객의 진정한 고통을 보여주고 설명해서 자극할 것
ㅤ→ 장점과 유스케이스 노출 : 고객이 찾아볼 필요없이 명확하게 예제를 통해서 보여줄 것
ㅤ→ CTA 에 표지판 달기 : 버튼에 컨텍스트를 추가해서 방문자가 액션했을때 뭘 기대할수 있는지 보여주기
ㅤ→ 오버씽킹 하지 말고 물어보기 : 왜 사용자들이 이탈하는지에 대한 설문조사를 진행해 볼것 (GetSiteControl 등 이용)
ㅤ→ 통계를 알기 : GA 등을 통해서 분석 & 이벤트 설정하고 목표 전환을 체크할 것. 나중을 위한 전환 기준 찾기

- 좀 더 좋은 랜딩 페이지를 위한 아이디어들
ㅤ→ 랜딩페이지가 충분히 니치(niche)하지 못함 : 가능하면 작은 고객군을 타겟으로 먼저 만들고, 나중에 추가 & 확장
ㅤ→ CTA가 너무 빠르거나 큼 : 액션 하기 전에 충분히 고객들이 제품에 대해서 알수 있도록 정보를 제공
ㅤ→ 보여줄 수 있는걸 말하고 있음 : 글자로 설명하지 말고, 스크린샷 / 테이블 / 예제 / 데모 / 일러스트등으로 보여줄 것
ㅤ→ 의심을 해결해주기 : 카피 및 FAQ 를 통해, 구매자의 머리속에 있는 질문에 대해 답하기
ㅤ→ 더 나은 이미지 사용하기 : 내용과 딱 맞는 이미지를 사용할 것
ㅤ→ 통계 알기 : 많은 사람들이 전체 퍼널을 측정하지 않음. GA에서 유입경로 전체에 대한 이탈율을 검토 할 것
ㅤ→ 정기적인 전환 테스트 구현 필요 : 정기적으로 테스트를 통해 점검할 것

- Roasting을 비즈니스화 하며 배운 것
ㅤ→ 많은 창업자들이 랜딩페이지에 분석도구가 붙어있지만 전환율에 대해 잘 모르고 있음
ㅤ→ GA와 Goal 설정은 되어있지만 성과분석 리뷰는 하지 않음
ㅤ→ 95%의 Roast 고객은 남성 창업자 였음
ㅤ→ 랜딩페이지 들은 SaaS, E-Commerce, B2C 앱과 도구가 많음
ㅤ→ 나와 비슷한 비즈니스가 5개 정도 생김
ㅤ→ 시작전에 7개의 질문을 보내서 컨텍스트를 취득. 끝나고 익명 서베이를 보내서 개선할 방법을 물었음
ㅤ→ 50% 정도의 창업자들이 Roast 에서 제공한 피드백을 즉시 또는 몇주/몇달 내에 반영
ㅤ→ 1/4 정도의 고객은 직접 변경해달라고 요청하기도
ㅤ→ 더 공개적으로 만들수록 모르는 사람들에게 더 많은 도움을 얻었음(자신들의 아이디어, mini-roast 등을 보내줌)
ㅤ→ 20번 이상 내 랜딩을 수정했고, 3개의 결제 솔루션, 4개의 가격, 5개의 구매 플로우를 변경했음. 아직도 테스트 중
ㅤ→ 유료광고의 최고 ROAS 는 3 정도였음
ㅤ→ 가장 성과 안좋았던 채널은 Quora, Reddit 및 Paved.com 을 이용한 이메일

- 사용했던 도구들
ㅤ→ 고객 피드백 : Typeform
ㅤ→ 페이지 로딩 시간 체크 : Google Pagespeed Insights
ㅤ→ 메일링 리스트 : Autopilot
ㅤ→ 블로그 : Ghost
ㅤ→ 분석 도구 : Hotjar (레코딩 & 히트맵), Heap(퍼널), Google Analytics
ㅤ→ 이메일 수집 : GetSiteControl
ㅤ→ 결제 : Stripe & Paypal

 
Flat Data - GitHub을 데이터 ETL 도구 및 저장소로 사용하기

- Git Scraping 기법을 이용해서 가벼운 데이터 기반 앱을 쉽게 개발할 수 있게 도와주는 프로젝트
ㅤ→ Data ETL 을 자체 인프라 없이 구축하고 사용
- 3개의 컴포
ㅤ→ Flat Action : 데이터 페치/변환을 하는 GitHub Action
ㅤ→ Flat Editor : Flat Data Workflow를 편집하는 GUI (VS Code 확장)
ㅤ→ Flat Viewer : Repo에 저장된 Flatfile 을 보고 필터링/공유 할수 있는 웹사이트

Flat Data 사용법
1. Flat Action으로 HTTP 또는 SQL Query(MySQL,Postgres,SQLite,MongoDB 등) 으로 데이터 가져오기
ㅤ→ 주식/코인 시세, Excel to CSV, COVID Dashboard등을 가져와서 GitHub Repo등에 저장
2. 데이터 변환
ㅤ→ GitHub Action 으로 Postprocess 해서 새로운 파일로 저장
3. 데이터 시각화
ㅤ→ 모든 깃헙 주소에 flat 만 붙이면 데이터를 보여주는 GUI 도구 제공 : https://flatgithub.com/the-pudding/data

Flat Data를 만든 이유
- 데이터를 사용하기 위해서는 분산 시스템 및 큰 인프라들이 필요
- 개발자들이 이런 데이터를 쉽게 접근하기 위해 데이터 취득/정제 작업을 GitHub Actions로 하게 도와주기 위함
- 복잡한 의존성,라이브러리,패키지매니저,인프라 등에 대해 알 필요없이 데이터를 Repo에 저장

* 이 프로젝트는 GitHub OCTO(Office of the CTO)의 개발자 경험팀이 진행하는 실험으로, GitHub의 오피셜 제품은 아님. MIT 라이센스

Simon Willison이 만든 Git Scraping 기법을 GitHub이 도입해서 훌륭한 제품으로 만들었네요
- Git Scraping - 웹 변경사항을 Git Repo에 기록하기 https://news.hada.io/topic?id=3008

Simon은 TIL(Today I Learned) 을 GitHub 인덱스에 저장하는 팁으로도 유명합니다.
- GitHub Actions로 TIL README 인덱스 자동 생성하기 https://news.hada.io/topic?id=1936

 
WebContainers : 브라우저에서 Node.js 실행

- 풀스택 Node.js 환경을 브라우저에서 WASM 으로 실행
ㅤ→ VS Code / 완전한 터미널 / NPM 등이 브라우저에서 구동
ㅤ→ 모든 코드 실행이 브라우저내에서 되므로 안전함
ㅤ→ 빌드도 20% 빠르고, 패키지 설치가 yarn/npm보다 5배이상 빠름
ㅤ→ 크롬 개발자 도구와 연동해서 브라우저에서 실행되는 Node.js 백엔드의 디버깅 가능
- 공개 베타에서는 Next.js, GraphQL 및 바닐라 Node.js 지원 (다른 프레임워크 추가 예정)

Node.js 백엔드 자체를 브라우저에서 실행하는게 가능해지니까,
클라이언트/서버 형태로 구현해 놓고 PWA처럼 쓰는 것도 되겠네요.

 
최신 JavaScript: 지난 10년간 놓친 모든 것

최신 JS기능들을 한페이지에 설명과 예제로 정리(ECMAScript 2020)
- Array
- const/let
- ??/?
- Async/Await
- Arrow function ()=>{}
- for...of
- for await...of
- Classes
- Get/Set
- function default parameters
- function named parameters
- function rest ... parameter
- Object.assign & spread operator
- Destructuring
- Method (shorthand function)
- Promise.all
- Template Literal
- Proxy
- Module import/export

 
멋진 스타트업처럼 토이 프로젝트하는 비결 🚀

ajufresh님의 토이 프로젝트 개발 경험 공유

- 기존 토이프로젝트 진행 방식의 문제

아이디어 -> 기능 분석 -> 개발 -> 릴리즈

문제점: 니즈 있는지 모름 / MVP 명확하지 않음 / 프로젝트 중간에 변수가 많음

개선책

1. 브레인 스토밍
2. 아이디어 후보들 디벨롭하기
3. 가슴 뛰는 목표 정하기
4. MVP 필수 기능 정의
5. 애자일하게 작업하기

 
사람을 찾고 함께 성장하는 길 [132p 발표자료]

"사람을 찾는데 필요한 기술인 대비(contrast)와 함께 성장하는데 기본이 되는 내용을 벡터(vector)에 빗대어 정리해보았습니다."
큰 목표와 포부를 가지고 창업했지만, 함께 일할 프로그래머를 주변에서 찾아보니 합류하기는 주저합니다.
주변 사람을 설득하여 초기 멤버를 구축하고, 많은 사람을 만나 더 큰 일을 해나가는 과정에서 겪을 수 있는 문제와 실패 경험을 공유합니다.
직접 진행했던 구인 사례와 운영 과정에서의 문제점을 알아보고 개선을 위해서 어떻게 하면 좋을지 알아봅니다.

 
리눅스 30주년 맞이 리누스 토발즈 인터뷰 번역 - 파트1

리눅스 커널 개발
- 높은 기대치의 큰 계획을 가지고 시작하지 않았습니다.
- 정말 중요한 건 “비상업성” 이 아니라 “소스코드는 개방되어야 한다”
- 모든 일은 전통적인 터미널에서 “micro-emacs” 로 합니다.
- 페도라를 쓰지만 배포판에 대해서 크게 신경쓰지 않습니다.
- 커널에서 가장 자랑스러운 특별한 부분은 VFS 와 VM코드

분산 버전 컨트롤 시스템, Git
- 저는 새로운 소스 컨트롤 시스템을 만들고 싶지 않았습니다
- 리눅스는 30년넘게 개발하지만, Git을 오래 유지보수하고 싶지는 않음
- 사용하는건 좋아하고, 세계최고의 SCM이지만 누군가가 유지보수해줬으면 좋겠음 (Junio Hamano)
- Git 은 항상 제게 훌륭했지만, 더 나아져 가고 있습니다.

 
[AI 모델 탐험기] #7 한글 버전의 GPT-2, KoGPT2

커먼컴퓨터의 엔지니어들이 연재하는 AI 모델 탐험기 시리즈의 7편, 한글 버전의 GPT-2, KoGPT2에 대하여 이해하기 쉽게 설명한 글

- KoGPT2는 이름에서 볼 수 있는 거처럼 GPT-2 모델을 Fine-Tuning한 한국어 언어모델이며 SKT-AI에서 한국어성능 한계 개선을 위해 개발하였습니다.

- KoGPT2를 활용한 서비스 소개

KoGPT2-Chatbot: 공개된 한글 챗봇 데이터와 KoGPT2를 이용하여 간단한 대화를 나눌 수 있는 챗봇 모델입니다.

KoGPT2-DINO: KoGPT2-DINO는 soeque1님께서 KoGPT2와 DINO를 이용하여 개발되었으며, 이를 통해 새로운 한글 데이터 세트를 만들어낼 수 있습니다.

 
마이세팅

기술, 개발 환경, 이력을 모아 나만의 프로필을 만들고 개발 관련 팁을 쉽게 공유하고 널리 알릴 수 있는 개발자들을 위한 서비스

 
AWS Serverless Patterns

- AWS SAM & CDK 템플릿를 이용한 서버리스 구현 패턴 모음
- 현재 41개의 템플릿 : 클론해서 바로 배포 가능
- API Gateway, CloudFront, Cognito, DynamoDB, EventBridge, Kinesis, Lambda, S3, Step Functions, SNS, SQS 등의 AWS 서비스들을 연동

 
Rust에서 할수 없는 것들과 대체 방법

- 상속 : Traits, ambassador crate, deref, spez crate
- 더블 링크드 리스트와 포인터 기반 자료구조 : 직접 구현하지 말고 표준 라이브러리의 LinkedList 이용, 그래프는 petgraph crate
- Self-referencing 타입들 : ouroboros / self_cell / one_self_cell 등의 crate
- Global mutable state : unsafe, Mutex, OnceSell, lazy_static
- Array 초기화 : let (두번 초기화), unsafe

 
Learn CSS

- 구글이 새로 만든 초/중급용 CSS 기초 가이드
- 모듈 단위 구성 : 기초 설명, 팟캐스트, 인터랙티브 데모, 평가를 위한 시험문제 등 제공
ㅤ→ Box Model, Selectors, The Cascade
ㅤ→ Specificity, Inheritance
ㅤ→ Color, Sizing Units
ㅤ→ Layout, Flexbox, Grid
ㅤ→ Logical Properties, Spacing
ㅤ→ Pseudo-elements, Pseudo-classes
ㅤ→ Borders, Shadows
ㅤ→ Focus, Z-Index and Stacking Contexts
ㅤ→ Functions
ㅤ→ Gradients, Animations, Filters, Blend Modes

 
칸 아카데미 - Go언어 50만 라인으로 동작중

- 2019년에 Python2 에서 Go로 이관하는 Goliath 프로젝트 시작
- 시작할때는 아무도 Go를 몰랐지만, 이제는 많은 엔지니어들이 "읽고 쓰기 쉬움", "일할수록 Go가 좋아짐" 이라고 얘기함
- Generic 이 없는게 불만이었지만, Go팀이 만드는 중
- Go의 언어 기능이 부족해서 Python 코드 포팅시에 더 많은 노력이 필요하지만, 코드는 더 일관되고 빠르게 읽을 수 있음
- 파이썬 대비 엄청난 속도 형상
ㅤ→ Google Cloud Datastore 의 contention warning 이 한시간에 100여개씩 뜨던 벌크 업데이트 파이썬 코드를 Go로 바꾸고 warning 거의 하나도 없이 동작
- 일반적으로 파이썬에 비해 더 많은 코드를 작성해야 하긴 하지만 (Verbose), 더 빠르고, 툴들이 좋고, 프로덕션에서도 잘 동작함

- 칸 아카데미, 백엔드언어를 Python2에서 Go로 변경 https://news.hada.io/topic?id=1128

Go 개발자가 없는데 언어 변경을 시작했다는게 나름 놀랍기도 하네요.
처음에 변경 시작 한다는 글에서는 그런 내용이 없어서 Go 개발자도 꽤 있나 보구나 했거든요.
일반 조직에서라면 저런 시도를 하겠다고 하면 아마 엄청난 반발이 있었을텐데, 비영리 조직이어서 가능했던게 아닐까 생각도 듭니다.

 
Serverless Next.js

- Next.js 9.0 앱을 AWS Lambda@Edge 에 쉽게 배포 가능
ㅤ→ CloudFront CDN 가장 끝단(Edge)에서 코드 실행
- Edge에서 SSR실행 및 API Routing
- 모든 Route 캐슁 및 자동 프리렌더링
- 애셋들은 S3에서 CloudFront로 자동 서빙
- Opt-in : static generation (SSG) / server-side rendering (SSR)
- Base Path, Preview Mode, Catch all route & Optional Catch all route, Image-Optimization 등의 Next.js 기능 지원

 
구글 디벨로퍼 라이브러리

- 구글 기술을 이용한 우수 블로그 글과 오픈소스 프로젝트들 모음
ㅤ→ 머신러닝, Flutter, Firebase, Angular, Cloud, Android..
- 모두 구글 전문가들이 상세 리뷰하고 인증한 콘텐츠만 게재
- 월간 뉴스레터 제공
- 누구나 등록 신청하여 리뷰 진행 가능
ㅤ→ 현재는 GitHub Repo와 Medium의 블로그 포스트만 등록 가능

 
HTML-NOTEPAD : HTML기반 WYSIWYG 에디터

- HTML을 UI형태로 편집하는 크로스 플랫폼 에디터
ㅤ→ 임베드 가능한 HTML/CSS 엔진인 Sciter를 이용
ㅤ→ 윈도우/맥/리눅스 지원
- HTML ↔ UI 를 자유롭게 오가며 편집 가능
- MarkDown / PhpBB / MathML 지원 예정

Sciter 엔진의 개발자인 c-smile(Andrew Fedoniouk) 이 직접 개발한 에디터입니다.
- Sciter - Embeddable HTML/CSS/JS 엔진 https://news.hada.io/topic?id=4272

최근에 Sciter 가 기존 TIScript 에서 QuickJS를 이용한 JS 로 변경했는데, 그 버전은 반영 안되었다고 하네요

Sciter 가 엔진 예제로 Sciter Notes 라고 하는 에버노트 클론도 만들어 둔게 있는데, 그 노트기능과도 연동할 예정이라고 합니다.
- https://notes.sciter.com/
ㅤ→ 동기화 기능은 없고, 모든 노트를 하나의 DB파일에 저장합니다. 아마도 Sciter.Quark 가 가지고 있는 NoSQL DB를 이용하는 듯
ㅤ→ 윈도우/맥/리눅스 지원하며 에버노트와 비슷한 UI를 가지고 있습니다.

 
Atuin - 쉘 히스토리를 SQLite에 저장하기

- 쉘 코맨드와 추가 컨텍스트를 SQLite DB에 암호화 하여 저장
- 서버 이용해서 쉘 히스토리를 여러대의 머신간에 동기화 가능
- 다양한 검색조건
ㅤ→ "어제 3시 이후에 성공(exit 0)한 모든 make 명령"
- up 이나 ctrl-r 을 검색가능한 히스토리 UI로 연동
- 통계 기능 지원 : "가장 많이 사용한 명령"
- zsh/bash 지원
- Rust 오픈소스

BashHub - Bash/Zsh 히스토리를 클라우드에 저장하기 https://news.hada.io/topic?id=1617

검색 UI는 BashHub 쪽이 조금 더 쉬운거 같기는 하네요.

 
mo.js - 웹용 모션그래픽 라이브러리 오픈소스

- 빠름, 모듈러
- Retina Ready : 어떤 기기에서도 보기 좋게
- 간단한 선언형 API
- 기본 모듈 : Html, Shape, ShapeSwirl, Burst
- GUI 형태의 Curve Editor, Timeline Editor 제공
- Tween, Easing(Bezier)

 
Past, Present, and Future of React State Management

- React의 10개가 넘는 다양한 상태 관리 라이브러리들에 대해 소개 & 정리한 글
→ 출시 연도에 따라 라이브러리 정리
→ 팀 구성원의 학습 단계/팀 규모 등 일정한 기준에 따라 각 팀이 어떤 라이브러리를 선택하면 좋을지까지 의견을 제시
→ 상태를 Form State / UI Statte / Server Cache State 세 가지 관점으로 정의하여 정리

전 XState를 열심히 쓰고 있는데,

XState는 Finite State Machine 개념 자체를 정말 잘 구현했고, React에 잘 적용만 하면 대부분의 상황에서 정말 유용하게 쓸 수 있습니다 :)

 
구글 Project Starline : 같이 있는 것처럼

- 멀리 떨어져 있어도 같은 공간에 있는 것처럼 느끼게 해주는 SW + HW 프로젝트
ㅤ→ 안경/헤드셋 없이도 상대방이 3차원 실제 크기로 보이는 매직 윈도우
ㅤ→ 컴퓨터 비젼(3D 이미징, 3D 디스플레이), 머신러닝, 공간오디오, 실시간 압축을 적용
- 구글은 이것이 차세대 개인 대 개인 커뮤니케이션이 가야할 방향이라고 생각함
ㅤ→ 현재 구글 일부 오피스에서 특별한 장비와 함께 이용 가능
ㅤ→ 연말엔 기업 파트너들에게도 시범 설치 예정
ㅤ→ 더 이용하기 쉽게 만드는 것을 목표로 함

 
Cosmopolitan v1.0 공개

- C코드를 빌드하면 윈/맥/리눅스/BSD 등 어디서나 실행하게 만들어주는 libc 라이브러리
- Redbean 웹서버 Productionize
- APE 바이너리가 자기 자신(ZIP) 수정 지원
ㅤ→ redbean 웹서버가 내장한 파일들을 수정하면서 운영가능
- 써드파티에 SQLite 추가
- sendmsg/recvmsg 추가

제가 근래에 본 프로젝트중에 가장 hacker 스러운 듯 합니다.

지금까지 상황을 설명하면,
- 유명한 해커인 Justine Tunney가 APE(αcτµαlly pδrταblε εxεcµταblε) 포맷을 공개
- APE는 UNIX 쉘스크립트이면서 윈도우즈 실행파일 이어서 맥/윈/리눅스/BSD 어디서나 실행이 가능
- Cosmopolitan 은 이렇게 포터블한 상황에서 C코드를 어디서나 실행가능하게 만들어주는 LibC
- 이 APE 와 Cosmpolitan을 가지고 파일 1개로 실행되는 Redbean 웹서버를 개발
- Redbean은 실행파일이면서 ZIP 파일이어서 모든 HTML/CSS/JS 등의 리소스를 내장하는게 가능
- 이제 Cosmopolitan 1.0 에서는 Redbean 웹서버가 자기 자신인 Zip 파일의 내용을 수정하는게 가능
- Dynamic한 웹페이지를 만들어서 내용도 수정이 되지만, 파일은 1개

- Cosmopolitan libc - Build-Once Run-Anywhere C https://news.hada.io/topic?id=3489
- Redbean - 파일1개로 실행되는 웹서버 https://news.hada.io/topic?id=3815

 
FlutterFlow Flutter 비주얼 에디터

Flutter 를 좀 더 LessCode 로 작성 할 수 있는 서비스가 출시 되었습니다.

- 웹에서 비주얼 에디터로 Layout 편집, 간단한 액션 바인딩 제공
- 바로 소스 에디터로 전환해서 코딩 가능
- 앱 개발을 위한 다양한 엘러먼트와 기본 컴포넌트, 파이어베이스 연동
- 업그레이 플랜으로 템플릿, 다른 API 서비스 연동 가능

 
Lima : Linux VM on Mac

"macOS subsystem for Linux" / "containerd for Mac"
- 자동 파일공유/포트포워딩 및 containerd(nerdctl 포함) 를 지원하는 리눅스 VM을 맥에서 실행
ㅤ→ 리눅스/윈도우/NetBSD 에서도 실행 가능
- coreutils + QEMU with HVF accelerator + sshocker
- Intel on Intel / ARM on Intel 지원
- ARM on ARM / Intel on ARM 은 untested
- Ubuntu / Fedora guest 지원