ContextZip이 ANSI 애니메이션 코드를 제거해 AI 컨텍스트 윈도우에서 npm install 출력을 99% 압축

Context

AI가 터미널 출력을 읽을 때 스피너와 프로그레스 바의 ANSI 애니메이션 코드를 모두 처리한다. 한 줄의 부드러운 애니메이션은 커서 이동 명령어(\x1b[G), 화면 지우기 코드(\x1b[2K) 등이 200회 이상 반복되는 원본 텍스트로 전달된다. 기존 ANSI 스트리핑 방식은 색상과 서식 코드만 제거하며 커서 이동이 "이 줄이 이전 줄을 대체한다"는 의미임을 파악하지 못한다.

Technical Solution

• ANSI 커서 이동 코드 감지 및 해석: \x1b[G(줄 시작으로 이동), \x1b[2K(줄 삭제), \x1b[1A(위로 한 줄) 등의 명령어를 파싱해 중복된 출력 식별
• 동일 위치에 덮어쓰는 프레임 통합: 스피너 프레임 20개, 프로그레스 바 업데이트 20개를 각각 최종 상태 하나로 축약
• 애니메이션 코드 제거 후 최종 결과만 보존: 12,847자의 원본 npm install 출력을 142자로 감축

Impact

• npm install 패키지 설치 12초 동안의 출력을 99% 압축(12,847자 → 142자)
• 스피너와 프로그레스 바의 모든 프레임과 커서 이동 코드 완전 제거

Key Takeaway

AI 모델의 컨텍스트 윈도우 효율을 높이려면 시각적 애니메이션 레이어의 구조를 이해하고 논리적으로 축약하는 것이 중요하다. 단순 코드 제거가 아닌 명령어의 의도를 해석하는 것이 진정한 최적화를 만든다.