[VSCode] 타이핑을 즐겁게! Power mode 플러그인을 적용해보자! (커스터마이징으로 타이핑할때마다 춤추는 라이언이 표시되도록 수정하기)

power_mode_lion_dance.json

0.11MB

예전에 아톰을 사용할 때, Activate Powermode라는 플러그인을 재밌게 사용한 적이 있었다. 한동안 재밌게 사용하고 있었는데, 아무래도 타이핑을 할 때마다 애니메이션 처리를 하다 보니 성능상의 문제가 발생했다. 단순히 Activate Powermode뿐만 아니라, 플러그인을 하나 둘 추가하다 보니 느려진 감이 있었다.

 

그러다가 Visual Studio Code를 사용하게 됐는데, 아톰보다 가벼워서 상당히 좋기는 했지만 Activate Powermode가
제대로 동작하지 않았다. 결국 눈물을 머금고 포기한 Activate Powermode는 몇 년동안 잊게 됐다... 가 어제 갑자기 생각나서 Market place에 검색해보니 Powermode라는 이름으로 등록되어있었다. ^ ㅈ^(쑻)

Maketplace에서 Power Mode를 검색하면 플러그인을 찾을 수 있다!

깃허브를 천천히 훑어보니 다양한 기능이 추가되어있었다. 아무래도 화면이 너무 흔들리면 버벅였었는데, 화면의 흔들림을 켜고 끄거나(enableShake 옵션) 혹은 강도를 조정할 수 있는 옵션(shakeIntensity)이 추가됐다.

게다가 가장 인상적인 점은, gif를 추가하여 커스터마이징이 가능하다는 점이었다. 깃허브의 아래 내용에 잘 설명되어있으니, 확인해보도록 하자.

Hopefully power mode will work great for you out of the box, but if it doesn't I've tried to make power mode as configurable as possible. Tweak the settings for performance or for fun. From doge to clippy, the only limit is your imagination. Some of the options are explained below:

• powermode.customExplosions: Choose your own explosions with base64 encoded gifs or full URIs (i.e. "data:image/gif;base64,1337GIF", "C:/my/cat/gif", "https://coolgif.io")
• powermode.backgroundMode: mask will use the gif as a mask, letting the shape of the gif through with the color of the text. image will use the gif itself as the background.

 

대부분의 옵션들은 settings > power mode에서 설정 UI를 통한 변경이 가능하다. 하지만 customExplosions의 경우에는 settings.json파일을 열어서 설정을 추가해줘야 한다. 나의 경우는 카카오의 라이언이 춤추는 gif를 구해서, 이 gif를 적용해보기로 했다.

 

customExplosions에는 배열을 넘겨줘야하며, 여러 개의 gif를 넘겨주는 것도 가능하다. base64로 인코딩 된 gif, 혹은 로컬 경로, 혹은 웹에 업로드된 gif 파일의 주소를 넘겨주면 적용되며, explosionSize를 이용해 크기를 조정하거나 explosionOffset을 이용해 어느 지점에 gif 이미지가 표시될지 지정할 수 있다. 나의 경우에는 매번 파일 경로를 지정하거나, 업로드된 경로의 이미지가 삭제되면 귀찮아질 것 같아서 base64 인코딩된 gif이미지를 추가했다.

 

첨부파일과 같이 설정하게되면, 키보드를 타이핑할 때마다 글자 위에서 라이언이 춤을 추게 된다. (사실 설정파일을 백업하기 위해 작성한 글이다.)

쓸데없지만 라이언이 춤추는 걸 보기 위해서 열심히 코딩하게 되는 스스로를 보고 있자니, 의외로 업무 효율이 올라가는 것 같기도...!