터미널 창 녹화해서 블로그에 포스팅하기

터미널 창을 녹화하는 프로그램을 소개하겠습니다.

많은 개발자 분들이 터미널 창에서 작업을 하고 있습니다.

공부 및 정보 공유를 위해 터미널 화면을 녹화하고 싶은 분들이 많을 것 같아 공유하려 합니다.

asciinema 라는 프로그램입니다.

설치도 쉽고 녹화도 쉽고 공유 및 포스팅 하기는 더 쉽습니다

다만 OSX, Linux, BSD 환경에서만 사용할 수 있습니다.

윈도우 사용자분들은 아쉬운 소식이네요

설치

brew install asciinema

아주 쉽습니다.

소스 설치 하는 경우는 Python 3가 필요합니다.

git clone https://github.com/asciinema/asciinema.git
cd asciinema
python3 -m asciinema --version

녹화 및 실행

asciinema rec [파일명]

녹화 종료는 Ctrl+D 또는 exit을 입력합니다.

지정한 이름으로 녹화 파일이 생겼습니다.

asciinema play [파일명]

별 다른 설명이 필요한 것 같지 않습니다.

자세한 기능은 -h 옵션으로 확인하시면 됩니다.

회원가입 및 연동하기

회원가입은 asciinema.org에서 진행합니다.

이메일만 입력하면 쉽게 가입이 됩니다.

이메일로 회원가입 링크가 전송되고 여기서 회원가입을 할 수 있습니다.

비밀번호도 입력하지 않고 회원가입이 간단히 진행됩니다.

앞으로 로그인 할 때마다 메일로 일회용 로그인 링크가 전송됩니다.

회원가입을 한 상태에서 터미널 창에서 계정을 연동합니다.

asciinema auth

위 명령을 입력하고 나오는 Url을 로그인 되어있는 브라우저에서 이동하면 계정과 연동이 됩니다.

업로드

asciinema upload [파일명]

위에서 연동한 계정에 쉽게 업로드 됩니다.

업로드에 성공하면 Url을 반환합니다.

브라우저에서 해당 Url로 이동합니다.

포스팅

업로드에서 확인한 Url로 이동하면 Share 버튼이 있습니다.

Share를 클릭해 Embed the player에 있는 코드를 복사해 블로그에 삽입하면 끝납니다.

티스토리에서는 글쓰기 창의 HTML 모드에서 입력해야 합니다.

다시 에디터 모드로 돌아왔을 때 아무것도 표시되지 않지만 미리보기를 하면 잘 나오는 것을 확인할 수 있습니다.

그 밖에...

포스팅 하기 위해서는 public으로 열어놓아야만 블로그에서 정상적으로 표시됩니다.

private으로 전환하면 포스팅에서 표시되지 않습니다.

private 사용 제한은 아직 까지는 없는 것 같습니다.

쉽고 단순하고 명확한 도구를 알게되었습니다.

asciinema 덕분에 포스팅이 더 풍성해질 수 있을 것 같습니다.