<aside> 🥰

안녕하세요! 트렌드딸깍입니다. 팔로우 해주셔서 감사합니다, 앞으로의 딸깍 컨텐츠도 기대해주세요

</aside>

1. Pretext가 뭔가요?

CSS 없이 텍스트 레이아웃을 계산하는 새로운 도구입니다.

기존 웹은 텍스트 크기를 재려면 브라우저한테 물어봐야 했고, 그 순간 페이지 전체가 다시 그려졌죠. 텍스트 100개를 측정하면 100번 다시 그리는 구조였어요.

Pretext는 브라우저한테 묻지 않습니다. 텍스트를 한 번 분석하고, 이후로는 순수 산술만으로 계산하게 했어요. 결과적으로 기존 방식보다 약 500배 빨라졌습니다.

크기는 수 KB. 외부 의존성 없음. 한국어, 아랍어, 이모지 전부 지원합니다.

2. 만든 사람

Cheng Lou — 2026년 3월 28일 공개

• react-motion ⭐21,700 — React 애니메이션 사실상 표준
• ReactJS 코어 팀 멤버
• ReasonML / ReScript 창시자
• Meta Messenger 프론트엔드
• Midjourney 출신

공개 하루 만에 조회수 700만, 스타 5,000개. 현재 ⭐21,900.

3. 이게 왜 대단한가요?

만든 방법 자체가 달랐습니다.

Claude Code와 Codex 두 AI 에이전트를 동시에 썼어요. 브라우저의 실제 렌더링을 정답으로 놓고, "이거랑 똑같이 계산되는 코드를 만들어 → 비교 → 틀린 부분 수정 → 반복"을 모든 컨테이너 너비에서 수 주 동안 돌렸습니다. 레포에 CLAUDE.md와 AGENTS.md가 둘 다 있는 이유가 바로 이것이에요.