[Setup Log] 내가 사용하는 VSCode 확장 기능: GitHub Copilot & Ruff

🧩 [Setup Log] 내가 사용하는 VSCode 확장 기능: GitHub Copilot & Ruff

코딩을 좀 더 효율적으로 해보고 싶어서 이것저것 찾아보다가, 결국 Visual Studio Code(VSCode)에 정착하게 됐다.
그런데 정말 놀라운 건, 이 에디터 자체가 아니라 그 위에 얹는 ‘확장 기능’이었다.
오늘은 내가 직접 써보고 만족했던 VSCode 확장 기능 두 가지를 소개하고, 설치 방법부터 활용 팁까지 정리해보려 한다.

---

✅ VSCode 확장 기능 설치 방법

1. 사이드바에서 확장(Extensions) 탭 클릭
2. 검색창에 원하는 확장 기능 입력
3. [Install] 버튼 클릭

📸 아래 이미지는 확장 기능 검색 및 설치 화면 예시이다.

---

📦 내가 사용하는 확장 기능

1. GitHub Copilot

AI가 자동으로 코드 완성, 주석 기반 코드 생성까지 지원한다.
반쯤 페어 프로그래밍 느낌. 생각보다 똑똑하다.

• ChatGPT와 다른 점: VSCode 내부에서 바로 반응함
• 추천 이유: “그걸 왜 내가 직접 타이핑해야 해?” 싶을 때 딱

🖼 Copilot을 검색 한 후 사용하면 된다.

코파일럿과 페어 코딩이 가능하다 !

작성하고 싶은 코드를 주석으로 작성하면 알아서 내용들을 작성해준다.

 

🎞 아래 GIF는 주석을 작성한 후 Copilot이 코드를 생성하는 실제 시연 장면이다.

---

2. Ruff

파이썬 린터 겸 포매터. 빠르고, 너무 빠르고, 진짜 빠르다.

• 기존 flake8, black, isort의 기능을 통합
• 설정도 간단하고 CLI 연동도 잘 됨
• VSCode에서 바로 오류 잡고 정리해주는 게 체감됨

💡 사용 팁: pyproject.toml에 설정하면 저장할 때 자동 포맷도 가능!

 

Ruff 세팅

settings.json 파일을 열고 내부에 추가해주면 된다.

• mac: command + shift + p: setting.json
• window: ctrl + shift + p: setting.json

{
  "python.formatting.provider": "black",
  "editor.formatOnSave": true,
  "editor.codeActionsOnSave": {
    "source.organizeImports": true,
    "source.fixAll": true
  },
  "ruff.enable": true,
  "ruff.formatOnSave": true
}

 

🎞 아래 GIF는 Ruff를 세팅하는 과정이다 settings.json을 실행 후 위 내용을 복사해서 붙여넣으면 된다.

 

🖼 ruff 라고 검색하고 확장 프로그램을 받으면 된다.

 

🎞 마지막 GIF는 저장할 때 자동으로 린트 및 포맷이 실행되는 모습이다.

---

🧪 마무리

오늘 소개한 두 가지 확장 기능은 실제로 내 작업 흐름을 눈에 띄게 줄여줬고,

혹시 개발 속도를 조금이라도 올리고 싶다면,
이 두 가지 확장 기능부터 써보는 걸 추천한다.