svg-term-cli: Asciinema 녹화 세션 고품질 SVG 변환 가이드

💡 핵심 요약 (Executive Summary)

본 가이드는 fun svg term 핵심 가이드 및 실전 아키텍처의 핵심 개념, 실전 구성 명령어 및 아키텍처 베스트 프랙티스를 다룹니다. 클라우드 네이티브 및 인프라 엔지니어링 실무에 즉시 활용 가능하도록 체계적으로 정리했습니다.

📑 Table of Contents
Reference & Guidelines (NOTE)

Github README.md등에 터미널 동작을 직접적으로 노출시키기 위하여,
터미널 동작 레코딩 툴인 기반으로 keyframe SVG파일 생성.

asciinema 상태가 public or unlisted인 경우 동작가능하다.

setup
bash
npm install -g svg-term-cli
exec

inputs

  • —-cast

    bash
    # cast_id는 `https://asciinema.org/a/${asciinema_id}`를 확인
    svg-term --cast=${cast_id} --out examples/output.svg
  • —-in

    bash
    # 로컬파일 사용
    svg-term --in=${file} --out examples/output.svg
  • —-command

    bash
    # 소스코드 분석결과 svg-term --command 플래그 동작시
    # asciinema rec -c $STRING 이 입력되어 동작함.
flags
bash
# Window Frame 추가
--window

# 커서 제거
--no-cursor

# 시작시간 재정의
--from=${millis}
Features
Test
bash
export cast_id=j8flSOIU1YOiYDVnW5FJQX2dD
export from=17500
export to=25000
svg-term --cast=${cast_id} --out examples/t1.svg
svg-term --cast=${cast_id} --out examples/t2.svg --window
svg-term --cast=${cast_id} --out examples/t3.svg --window --no-cursor
svg-term --cast=${cast_id} --out examples/t4.svg --window --no-cursor --from=${from}
svg-term --cast=${cast_id} --out examples/t5.svg --window --no-cursor --from=${from} --to=${to}

Comments

Leave a Reply

Your email address will not be published. Required fields are marked *