VS Code 애완동물

 (github.com/tonybaloney)
3P by GN⁺ | ★ favorite | 댓글 1개
  • VS Code Pets는 코드 편집기 안에 작은 고양이, 개, 뱀, 러버덕, Clippy 같은 픽셀 애완동물을 넣어 생산성을 높인다는 VS Code 확장임
  • 설치는 VS Code Marketplace, 확장 패널 검색, Quick Open의 ext install tonybaloney.vscode-pets 명령으로 가능함
  • 설치 후 명령 팔레트에서 "Start pet coding session" 또는 vscode-pets.start를 실행하면 VS Code 안에 기본 고양이가 표시됨
  • 문서에는 애완동물을 여러 마리 추가하고, 배경을 바꾸고, 공을 던져 애완동물과 노는 기능이 안내됨
  • 번역 기여는 Crowdin Project에서 할 수 있으며, 새 언어 요청은 Crowdin의 Discussions 섹션에서 가능함

VS Code 안의 픽셀 애완동물

  • VS Code Pets는 코드 편집기 안에 작은 픽셀 애완동물을 표시하는 VS Code 확장임
  • README는 작은 지루한 고양이, 열정적인 개, 성깔 있는 뱀, 러버덕, Clippy 📎를 예로 들며 생산성을 높인다고 소개함
  • 애완동물과 상호작용할 수 있으며, Visual Studio Code의 확장 스포트라이트 영상도 연결되어 있음

설치 방법

  • VS Code marketplace에서 확장을 설치할 수 있음
  • VS Code가 열린 상태에서 확장 패널에서 vscode-pets를 검색해 설치할 수 있음
    • Windows/Linux: Ctrl+Shift+X
    • MacOS: Cmd(⌘)+Shift+X
  • VS Code Quick Open에서 설치 명령을 붙여넣고 실행할 수 있음
    • Windows/Linux: Ctrl+P
    • MacOS: Cmd(⌘)+P
    • 명령: ext install tonybaloney.vscode-pets

사용 흐름

  • 설치 후 명령 팔레트를 열어 애완동물 코딩 세션을 시작함
    • Windows/Linux: Ctrl+Shift+P
    • MacOS: Cmd(⌘)+Shift+P
  • "Start pet coding session" 명령을 실행하면 VS Code 안에 고양이가 표시됨
  • 명령 식별자는 vscode-pets.start임
  • 추가 기능은 공식 문서에서 확인할 수 있음

가능한 상호작용

번역과 에셋

  • 번역에 참여하려면 Crowdin Project를 방문하면 됨
  • 번역은 저장소에 자동으로 동기화됨
  • 새 언어 요청은 Crowdin의 Discussions 섹션에서 가능함
  • 애니메이션과 미디어 에셋은 여러 제작자의 작업을 사용함
    • 고양이 애니메이션은 seethingswarm이 디자인함
    • 개 미디어 에셋은 NVPH Studio가 디자인함
    • 겨울 테마는 Kiana Mosser의 VS Code Pets용 원본 아트워크임
    • Clippy, Rocky, Zappy, 러버덕, 뱀, 왕관앵무, Ferris the crab, Mod the dotnet bot 에셋은 Marc Duiker가 제작함

함께 보면 좋은 글 β

GN⁺   [-]
Hacker News 의견들
  • 회사용 소셜 네트워크를 만들던 중, 모회사 동료가 사람 사진과 첨부 이미지 대신 이상한 이미지가 보인다며 겁먹고 찾아온 적이 있음
    예전에 반사형 XSS로 놀란 적이 있어서 바로 조사했는데, 알고 보니 그 동료의 Firefox 확장 프로그램이 이미지를 Nicholas Cage 얼굴로 바꾸고 있었음
    본인은 설치한 기억이 없었지만, 우리는 그 실수를 기억하고 있어서 크게 웃었음
    • 학교의 새 컴퓨터실 모든 Windows 95 시작 로고를 어떤 학생이 goatse.cx 이미지로 바꿔놓은 적이 있음
      교장은 체육관에 학생들을 긴급 소집해 제발 원래대로 돌려달라고 애원했고, 처벌하지 않겠다고 약속했음
      다음 날 당국자들이 학교에 와서 그 컴퓨터 국가 프로그램을 개막할 예정이라 정말 피가 마르는 상황이었고, 결국 아무도 말하지 않아 개막식을 다른 학교로 옮겨야 했음
    • Google의 전성기에도 비슷한 확장 프로그램이 있었고, Nicholas Cage 대신 Larry Page가 나왔음
      컴퓨터를 잠그지 않고 자리를 비우면 바로 당했고, 신입사원 오리엔테이션에서 언급될 정도로 널리 퍼졌음
    • 대학에서 같은 확장 프로그램으로 자리를 비울 때 컴퓨터를 잠그는 보안 습관을 가르쳤음
      특히 교수들이 잠그지 않았을 때 재미있었고, 예전 동기들은 실제로 컴퓨터를 잠그는 법을 배웠음
    • 누군가 동료에게 장난친 것 같아 정말 웃김
      이 확장 프로그램이었나? https://addons.mozilla.org/en-US/firefox/addon/niccage/
    • B2B 플랫폼 회사에서 확장 프로그램 작성법을 가르치기 위한 내부 확장 프로그램이 있었는데, VS Code 확장처럼 화면에 상호작용하는 반려동물을 그려줬음
      그게 실수로 한 고객사에 배포되면서 많은 직원이 바이러스에 걸렸다고 내부 IT팀에 신고했고, 전사적 패닉으로 회사가 완전히 멈췄음
      여기서 얻을 교훈이 뭔지는 잘 모르겠음
  • Neovim에도 넣고 Neopets라고 부르면 되겠음
  • Jetbrains IDE용 Nyancat 진행 표시줄도 언급하고 싶음: https://plugins.jetbrains.com/plugin/8575-nyan-progress-bar
    • Jetbrains IDE를 새로 설치할 때마다 제일 먼저 설치하는 플러그인이 바로 이거였음
      디버거 설정하기 직전에 하던 “IDE의 장점 멘토링” 장광설에도 넣곤 했음
  • 아쉽게도 오른쪽/왼쪽에만 나타나고 편집기 안에는 안 나옴
    내 코드에 반응하는 고양이가 있으면 좋겠고, 이상적으로는 저품질 코드를 쓰면 화내고 생각 중일 때는 기지개를 켜거나 자면 좋겠음
    • IntelliJ/Jetbrains IDE에 power mode 비슷한 걸 설치했는데, 빠르게 쓰거나 큰 변경을 할수록 커서 주변에 반짝임과 불꽃이 커짐
      다른 편집기에도 비슷한 플러그인이 있고, 동료와 페어 프로그래밍하기 전에 켜두면 반응을 보는 재미가 있음
    • 좋네. 개라면 코드 줄에 오줌을 싸는 방식으로 자기 의견을 표현할 수 있겠음
    • 커서 아래 내용에 따라 애니메이션을 트리거하는 건 흥미로움
      반복문 선언으로 이동하면 꼬리를 쫓는 애니메이션이 나오고, 함수 시그니처로 이동하면 반려동물에게 물감과 종이를 주는 식으로 가능하겠음
    • 함수가 무한 루프를 만든다고 감지하면 고양이가 빙글빙글 도는 건 어떨까?
    • Atom은 편집기 안에 넣을 수 있었음. 하지만 VS Code의 장점 중 하나는 플러그인에 대한 더 나은 보안 격리였음
      Microsoft가 Bob 팀을 다시 데려와서 VS Code의 모든 면에 반려동물을 통합할 수도 있겠음
  • 반려동물에게 먹이를 줄 수 있으면 좋겠고, 이상적으로는 내 코드의 쓸모없어진 부분을 먹일 수 있으면 함
    • 이제 왜 이렇게 오래 걸리냐고 물으면, 개가 내 머지 요청을 먹었다고 말할 수 있겠음
    • 그러면 반려동물이 아프지 않을까?
    • “반려동물은 주석을 먹고 사니 조심하세요!”
  • BonziBuddy가 떠오름 https://en.wikipedia.org/wiki/BonziBuddy
    • 훨씬 덜 사악하길 바람
  • Sheep.exe와 거의 비슷하지만, 아직 거기까진 못 간 느낌임
    • 나도 그게 떠올랐음
  • Neko가 돌아왔음
    https://en.wikipedia.org/wiki/Neko_(software)
  • 문득 든 생각인데, 반려동물을 변수의 가시성과 연결할 수 있으면 어떨까?
    변수가 범위 안에 있으면 특정 반려동물이 나타나는 식이면 귀엽기도 하고, 익숙함으로 머리를 간질이는 효과도 줄 수 있음
    • 그 불경한 petvar 공생은 고양이가 집을 소유하듯 코드베이스를 소유하게 됨
      이제 프로그램과 회사는 minTaxRateOffsetTemp를 섬기게 됨
  • 이걸 보니 power mode가 떠오름
    https://marketplace.visualstudio.com/items?itemName=hoovercj...
답변달기