본문으로 건너뛰기
피드

AnsiColor: 터미널 테마에 상관없이 동작하는 ANSI 컬러 코드 도구

frontend 약 2분
vote
0
댓글
북마크

ANSI 16색이 터미널 테마와 충돌해 TUI가 깨지는 문제를 해결하는 도구임. truecolor나 ANSI256으로 정확한 hex 색상을 강제 지정하는 방식으로, 인기 테마별 미리보기와 이스케이프 코드 복사 기능을 제공함.

  • 1

    Codex가 ghostty 터미널에서 ANSI 16색 충돌로 깨져 보이는 문제에서 출발

  • 2

    truecolor(38;2;RR;GG;BB) 또는 ANSI256(38;5;N) 포맷으로 정확한 색상을 강제 지정하는 것이 해결책

  • 3

    인기 터미널 테마별 색상 미리보기 및 이스케이프 코드 복사 기능 제공

  • OpenAI Codex가 ghostty 터미널에서 심각하게 깨져 보이는 문제에서 출발한 프로젝트임. ANSI 16색이 사용자 테마와 충돌하면 텍스트가 아예 읽을 수 없게 됨
  • fg를 ANSI white(37)로 바꿔봐도 테마에 따라 순수 #ffffff가 아닐 수 있어서 해결이 안 됨. 진짜 해결법은 truecolor 포맷(38;2;RR;GG;BB)이나 ANSI256(38;5;231)으로 정확한 hex 색상을 강제 지정하는 것
  • AnsiColor 사이트에서 인기 터미널 테마별 색상을 미리보기하고, 적절한 fg/bg가 포함된 이스케이프 코드를 바로 복사할 수 있음
  • "10억 달러짜리 TUI인 Codex에 이런 버그가 있다니 충격"이라는 저자의 코멘트가 인상적. 사이트 자체도 Codex의 도움으로 제작됨

TUI 개발 시 사용자의 터미널 테마를 가정하면 안 된다는 교훈. 10억 달러짜리 Codex조차 이 실수를 했다는 점이 시사적임.

댓글

댓글

댓글을 불러오는 중...

frontend

타입스크립트 7.0, Go 네이티브 포팅으로 빌드가 8~12배 빨라졌다

마이크로소프트가 타입스크립트 7.0을 출시하면서 기존 자바스크립트 기반 구현을 Go로 네이티브 포팅했다. 전체 빌드는 평균 8~12배 빨라졌고, VS코드 빌드는 125.7초에서 10.6초로 줄었으며, 슬랙은 CI 타입 검사 시간을 7.5분에서 1.25분으로 낮췄다.

frontend

타입스크립트 7 공개, 고 포팅으로 빌드가 최대 10배 이상 빨라짐

마이크로소프트가 고(Go)로 네이티브 포팅한 타입스크립트 7을 공개했다. 전체 빌드는 보통 8~12배 빨라지고, VS 코드 코드베이스에서는 125.7초가 10.6초로 줄었으며, 편집기 첫 오류 표시도 17.5초에서 1.3초 미만으로 내려갔다.

frontend

“98% 지원”이 생각보다 별로 안 넉넉한 이유

브라우저 기능 지원률 98%는 얼핏 높아 보이지만, 실제 서비스에서는 2%의 사용자를 깨진 화면 앞에 세우는 숫자일 수 있다는 글이다. 특히 일반 통계와 내 서비스 방문자 분포는 다를 수 있고, 실제 사례로 어떤 사이트는 최신 중첩 CSS 기능 지원 브라우저가 방문자의 약 70%뿐이었다.

frontend

메타, AI가 읽고 쓰는 디자인 시스템 ‘Astryx’ 오픈소스로 공개

메타가 내부 디자인 시스템 Astryx를 오픈소스로 공개했다. React와 StyleX 기반의 150개 이상 접근성 지원 컴포넌트, 디자인 토큰, 테마, 템플릿, CLI를 제공하며, 특히 AI 에이전트가 컴포넌트 구조를 이해하고 UI를 생성·수정할 수 있도록 MCP 서버까지 포함한 점이 핵심이다.

frontend

shadcn/ui, 기본 컴포넌트 라이브러리를 Radix에서 Base UI로 변경

shadcn/ui가 새 프로젝트의 기본 컴포넌트 라이브러리를 Radix가 아니라 Base UI로 바꿨어. Radix 지원은 계속되지만, Base UI가 안정화됐고 주간 다운로드 600만 이상, shadcn/create 신규 프로젝트 선택 비율 2대1이라는 이유로 기본값을 바꾼 거야. 동시에 채팅 UI용 MessageScroller와 관련 컴포넌트, headless 패키지인 @shadcn/react도 공개됐어.