vscode 확장자

heeyoung_1023·2026년 5월 12일

명령어 정리

목록 보기
9/10

아래 조합이면 Windows + VS Code + Ubuntu 24 + GitHub + Python/Django DRF + SQLite + Docker + YAML + 보안 + AWS 배포 + AI/Embedding 개발에 충분합니다.

1. VS Code 필수 확장

code --install-extension ms-ceintl.vscode-language-pack-ko
code --install-extension ms-python.python
code --install-extension ms-python.vscode-pylance
code --install-extension ms-python.black-formatter
code --install-extension charliermarsh.ruff
code --install-extension ms-python.debugpy
code --install-extension ms-toolsai.jupyter

code --install-extension eamodio.gitlens
code --install-extension GitHub.vscode-github-actions
code --install-extension GitHub.vscode-pull-request-github

code --install-extension ms-azuretools.vscode-docker
code --install-extension ms-vscode-remote.remote-ssh
code --install-extension ms-vscode-remote.remote-containers
code --install-extension redhat.vscode-yaml

code --install-extension esbenp.prettier-vscode
code --install-extension usernamehw.errorlens
code --install-extension streetsidesoftware.code-spell-checker
code --install-extension PKief.material-icon-theme

code --install-extension humao.rest-client
code --install-extension rangav.vscode-thunder-client
code --install-extension alexcvzz.vscode-sqlite

2. 분야별 추천 확장

Python / Django / DRF

필수:

ms-python.python
ms-python.vscode-pylance
ms-python.black-formatter
charliermarsh.ruff
ms-python.debugpy

추천:

batisteo.vscode-django
njpwerner.autodocstring

설치:

code --install-extension batisteo.vscode-django
code --install-extension njpwerner.autodocstring

API 테스트용

둘 중 하나만 써도 됩니다.

code --install-extension humao.rest-client
code --install-extension rangav.vscode-thunder-client

추천은 Thunder Client입니다.
Postman 대체로 쓰기 좋습니다.

SQLite DB 확인

code --install-extension alexcvzz.vscode-sqlite

추가 프로그램:

sudo apt install sqlite3

GUI가 필요하면:

sudo apt install sqlitebrowser

Docker / docker-compose / Dev Container

code --install-extension ms-azuretools.vscode-docker
code --install-extension ms-vscode-remote.remote-containers

YAML

code --install-extension redhat.vscode-yaml

Docker Compose, GitHub Actions, AWS 설정 파일 볼 때 필수입니다.

Git / GitHub

code --install-extension eamodio.gitlens
code --install-extension GitHub.vscode-pull-request-github
code --install-extension GitHub.vscode-github-actions

AI / Embedding 개발

code --install-extension ms-toolsai.jupyter

Python 패키지 추천:

pip install \
numpy pandas scikit-learn matplotlib \
jupyterlab \
openai \
langchain langchain-community \
chromadb \
sentence-transformers \
faiss-cpu

간단히 말하면:

목적추천
OpenAI API 사용openai
RAG / AI 체인langchain
로컬 벡터DBchromadb
임베딩 모델sentence-transformers
빠른 벡터 검색faiss-cpu

3. Ubuntu 24 필수 프로그램

sudo apt update && sudo apt upgrade -y

sudo apt install -y \
git curl wget unzip zip \
python3 python3-pip python3-venv \
build-essential gcc g++ make \
sqlite3 sqlitebrowser \
docker.io docker-compose-v2 \
openssh-client \
tree htop \
shellcheck

Docker 권한:

sudo usermod -aG docker $USER
newgrp docker

확인:

docker --version
docker compose version

4. Windows 쪽 필수 프로그램

Windows에서 같이 설치 추천:

  1. VS Code
  2. Git for Windows
  3. Docker Desktop
  4. Python 3.12 이상
  5. Windows Terminal
  6. WSL2 + Ubuntu 24.04
  7. DB Browser for SQLite
  8. Postman 또는 Thunder Client
  9. AWS CLI
  10. GitHub Desktop 선택

WSL 설치:

wsl --install -d Ubuntu-24.04

5. Django DRF 기본 패키지

가상환경 생성:

python3 -m venv venv
source venv/bin/activate

설치:

pip install \
django \
djangorestframework \
django-cors-headers \
python-dotenv \
drf-spectacular \
gunicorn \
whitenoise

개발용 추가:

pip install \
black \
ruff \
pytest \
pytest-django \
coverage

AI 추가:

pip install \
openai \
langchain \
chromadb \
sentence-transformers \
faiss-cpu

6. Django DRF 추천 구조

project/
├── config/
│   ├── settings.py
│   ├── urls.py
│   └── wsgi.py
├── apps/
│   ├── users/
│   ├── api/
│   └── ai/
├── db.sqlite3
├── manage.py
├── requirements.txt
├── Dockerfile
├── docker-compose.yml
├── .env
└── .gitignore

7. Serializer 필수 개념

DRF에서 Serializer는 Django 모델과 JSON 사이를 변환합니다.

from rest_framework import serializers
from .models import Post

class PostSerializer(serializers.ModelSerializer):
    class Meta:
        model = Post
        fields = "__all__"

APIView 예시:

from rest_framework.views import APIView
from rest_framework.response import Response
from .models import Post
from .serializers import PostSerializer

class PostListAPIView(APIView):
    def get(self, request):
        posts = Post.objects.all()
        serializer = PostSerializer(posts, many=True)
        return Response(serializer.data)

8. Dockerfile 예시

FROM python:3.12-slim

WORKDIR /app

COPY requirements.txt .

RUN pip install --no-cache-dir -r requirements.txt

COPY . .

CMD ["gunicorn", "config.wsgi:application", "--bind", "0.0.0.0:8000"]

9. docker-compose.yml 예시

SQLite 기준:

services:
  web:
    build: .
    container_name: django_drf_app
    ports:
      - "8000:8000"
    volumes:
      - .:/app
    env_file:
      - .env
    command: python manage.py runserver 0.0.0.0:8000

실행:

docker compose up --build

10. .env 예시

SECRET_KEY=your-secret-key
DEBUG=True
ALLOWED_HOSTS=127.0.0.1,localhost

OPENAI_API_KEY=your-openai-api-key

11. .gitignore 필수

venv/
__pycache__/
*.pyc
.env
db.sqlite3
staticfiles/
media/
.vscode/

단, 팀 설정을 공유하려면 .vscode/settings.json은 포함해도 됩니다.

12. 보안 필수 체크

Django 배포 전 필수:

DEBUG = False
ALLOWED_HOSTS = ["your-domain.com", "your-aws-ip"]

추가 보안 설정:

CSRF_COOKIE_SECURE = True
SESSION_COOKIE_SECURE = True
SECURE_SSL_REDIRECT = True
SECURE_BROWSER_XSS_FILTER = True
SECURE_CONTENT_TYPE_NOSNIFF = True

비밀값은 절대 GitHub에 올리지 마세요.

.env
SECRET_KEY
AWS_ACCESS_KEY_ID
AWS_SECRET_ACCESS_KEY
OPENAI_API_KEY

13. AWS 배포 추천 순서

초보자 기준 추천:

1순위: AWS Lightsail

가장 쉬움. Django + Docker 배포에 적합.

2순위: EC2

실무형. Ubuntu 서버에 Docker로 직접 배포.

3순위: Elastic Beanstalk

AWS 관리형 배포.

처음이면 Lightsail 또는 EC2 + Docker 추천합니다.

14. AWS 배포에 필요한 프로그램

Ubuntu / Windows 공통:

aws --version
ssh -V
git --version
docker --version

AWS CLI 설치 후:

aws configure

필요한 것:

AWS 계정
EC2 또는 Lightsail 인스턴스
SSH 키 파일
도메인 선택사항
보안그룹 22, 80, 443, 8000
Docker
Nginx
Gunicorn

15. 최종 추천 조합

목적추천
OSWindows + WSL2 Ubuntu 24.04
에디터VS Code
언어Python 3.12
백엔드Django + DRF
DB개발 SQLite, 운영 PostgreSQL 추천
API 문서drf-spectacular
AIOpenAI API + LangChain
Embedding DBChromaDB 또는 FAISS
컨테이너Docker Compose
배포AWS Lightsail 또는 EC2
웹서버Nginx
앱서버Gunicorn
보안.env, HTTPS, DEBUG=False

16. 제일 먼저 설치할 것만 요약

code --install-extension ms-python.python
code --install-extension ms-python.vscode-pylance
code --install-extension charliermarsh.ruff
code --install-extension ms-python.black-formatter
code --install-extension ms-azuretools.vscode-docker
code --install-extension redhat.vscode-yaml
code --install-extension eamodio.gitlens
code --install-extension GitHub.vscode-pull-request-github
code --install-extension batisteo.vscode-django
code --install-extension humao.rest-client
code --install-extension alexcvzz.vscode-sqlite

이 세팅이면 Django DRF + Serializer + SQLite + AI Embedding + Docker + AWS 배포까지 한 환경에서 개발 가능합니다.

Ubuntu 24 + VS Code 개발환경 풀세팅 가이드

실무 기준으로 바로 개발 가능한 수준으로 정리했습니다.

1. 공통 기본 설치

시스템 업데이트

sudo apt update && sudo apt upgrade -y

기본 개발 패키지

sudo apt install -y \
git curl wget unzip zip \
build-essential gcc g++ make cmake \
software-properties-common apt-transport-https \
python3 python3-pip python3-venv \
openjdk-21-jdk \
gdb pkg-config \
net-tools htop tree \
shellcheck

2. VS Code 설치

Microsoft 공식 저장소 방식 추천

wget -qO- https://packages.microsoft.com/keys/microsoft.asc | gpg --dearmor > packages.microsoft.gpg

sudo install -D -o root -g root -m 644 packages.microsoft.gpg \
/etc/apt/keyrings/packages.microsoft.gpg

echo "deb [arch=amd64 signed-by=/etc/apt/keyrings/packages.microsoft.gpg] \
https://packages.microsoft.com/repos/code stable main" | \
sudo tee /etc/apt/sources.list.d/vscode.list

sudo apt update
sudo apt install code

3. VS Code 공통 확장 설치

code --install-extension ms-ceintl.vscode-language-pack-ko
code --install-extension usernamehw.errorlens
code --install-extension eamodio.gitlens
code --install-extension esbenp.prettier-vscode
code --install-extension EditorConfig.EditorConfig
code --install-extension christian-kohler.path-intellisense
code --install-extension PKief.material-icon-theme
code --install-extension streetsidesoftware.code-spell-checker
code --install-extension wayou.vscode-todo-highlight

4. 웹개발용 VSCode 풀세팅

Node.js 설치 (LTS)

curl -fsSL https://deb.nodesource.com/setup_lts.x | sudo -E bash -
sudo apt install -y nodejs

확인:

node -v
npm -v

웹개발 추천 확장

code --install-extension dbaeumer.vscode-eslint
code --install-extension bradlc.vscode-tailwindcss
code --install-extension christian-kohler.npm-intellisense
code --install-extension formulahendry.auto-rename-tag
code --install-extension formulahendry.auto-close-tag
code --install-extension ritwickdey.LiveServer

React 프로젝트 생성

npm create vite@latest myapp
cd myapp
npm install
npm run dev

추천 settings.json

{
  "editor.formatOnSave": true,
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "eslint.validate": ["javascript", "typescript"],
  "files.autoSave": "afterDelay"
}

5. Python AI 개발용 세팅

Python 확장

code --install-extension ms-python.python
code --install-extension ms-python.vscode-pylance
code --install-extension ms-toolsai.jupyter

AI/ML 라이브러리

pip install \
numpy pandas matplotlib seaborn \
scikit-learn jupyterlab \
torch torchvision torchaudio \
transformers datasets

가상환경 추천

python3 -m venv venv
source venv/bin/activate

Jupyter 실행

jupyter lab

CUDA 확인 (NVIDIA)

nvidia-smi

PyTorch GPU 확인:

import torch
print(torch.cuda.is_available())

6. Ubuntu 24 + Docker 개발환경

Docker 설치

curl -fsSL https://get.docker.com | sudo sh

현재 사용자 docker 권한 추가

sudo usermod -aG docker $USER
newgrp docker

Docker Compose

Ubuntu 24는 기본 포함됨:

docker compose version

VS Code Docker 확장

code --install-extension ms-azuretools.vscode-docker
code --install-extension ms-vscode-remote.remote-containers

테스트

docker run hello-world

개발용 docker-compose.yml 예시

services:
  app:
    image: node:22
    working_dir: /app
    volumes:
      - .:/app
    command: bash

7. C/C++ 개발환경

필수 패키지

sudo apt install build-essential gdb cmake

VS Code 확장

code --install-extension ms-vscode.cpptools
code --install-extension ms-vscode.cmake-tools

테스트 코드

#include <iostream>

int main() {
    std::cout << "Hello Ubuntu 24" << std::endl;
}

빌드:

g++ main.cpp -o app
./app

8. Spring Boot 개발환경

Java 설치 확인

java -version
javac -version

VS Code Java 확장

code --install-extension vscjava.vscode-java-pack
code --install-extension vmware.vscode-spring-boot

Gradle 설치

sudo apt install gradle

Spring Boot 프로젝트 생성

curl https://start.spring.io/starter.zip \
-d dependencies=web,data-jpa,lombok \
-d type=gradle-project \
-o demo.zip

unzip demo.zip
cd demo

실행:

./gradlew bootRun

9. Flutter 개발환경

Flutter SDK 설치

cd ~

git clone https://github.com/flutter/flutter.git

PATH 추가

echo 'export PATH="$PATH:$HOME/flutter/bin"' >> ~/.bashrc
source ~/.bashrc

Flutter 진단

flutter doctor

Android Studio 설치 추천

sudo snap install android-studio --classic

Flutter VS Code 확장

code --install-extension Dart-Code.flutter
code --install-extension Dart-Code.dart-code

앱 생성

flutter create myapp
cd myapp
flutter run

10. VSCode 성능 최적화 설정

settings.json 추천

{
  "editor.minimap.enabled": false,
  "editor.semanticHighlighting.enabled": false,
  "breadcrumbs.enabled": false,
  "files.autoSave": "afterDelay",
  "files.exclude": {
    "**/.git": true,
    "**/node_modules": true,
    "**/.cache": true
  },
  "search.followSymlinks": false,
  "git.autofetch": true,
  "extensions.autoUpdate": false,
  "telemetry.telemetryLevel": "off",
  "workbench.startupEditor": "none"
}

11. 개발자용 터미널 추천

zsh + oh-my-zsh

sudo apt install zsh

sh -c "$(curl -fsSL https://raw.githubusercontent.com/ohmyzsh/ohmyzsh/master/tools/install.sh)"

추천 플러그인

.zshrc

plugins=(git docker npm python)

12. Git 기본 설정

git config --global user.name "YOUR_NAME"
git config --global user.email "YOUR_EMAIL"

13. 실무 추천 추가 도구

LazyGit

sudo add-apt-repository ppa:lazygit-team/release
sudo apt update
sudo apt install lazygit

fzf

sudo apt install fzf

14. 개인적으로 추천하는 조합

웹개발

  • React + Vite
  • Node LTS
  • Docker
  • TailwindCSS

AI 개발

  • Python venv
  • JupyterLab
  • PyTorch
  • VSCode Jupyter

백엔드

  • Spring Boot + Docker + PostgreSQL

15. Ubuntu 24에서 특히 주의할 점

Snap VSCode보다 deb 설치 추천

snap 버전은:

  • 느림
  • 권한 이슈
  • Docker 연동 문제

→ 위 공식 저장소 방식 추천.

Wayland 문제

터미널/Flutter 이슈 있으면:

code --disable-gpu

또는 로그인 시:

  • Ubuntu on Xorg 선택

원하면 다음 단계로:

  • React + Spring Boot + Docker 풀스택 세팅
  • NVIDIA CUDA + PyTorch GPU 세팅
  • Kubernetes 개발환경
  • WSL 대신 Ubuntu 단독 개발환경 최적화
  • Neovim + VSCode 하이브리드 세팅
  • 실무용 dotfiles
  • GitHub Actions CI/CD
  • PostgreSQL/MySQL 로컬 개발환경

까지 이어서 정리해드릴 수 있습니다.

Ubuntu 24에서 VS Code를 사용할 때 기본으로 많이 설치하는 확장 프로그램들을 용도별로 정리해드릴게요.
개발 언어별 + 공통 생산성 기준으로 추천합니다.

1. 필수 공통 확장

✅ Korean Language Pack

  • MS-CEINTL.vscode-language-pack-ko
  • VS Code 한글화

✅ Error Lens

  • usernamehw.errorlens
  • 에러/경고를 코드 줄에 바로 표시
  • 생산성 체감 큼

✅ GitLens

  • eamodio.gitlens
  • Git blame / 히스토리 강화
  • 협업 시 거의 필수

✅ Prettier

  • esbenp.prettier-vscode
  • 코드 자동 포맷팅

설정 추천:

"editor.formatOnSave": true

✅ EditorConfig

  • EditorConfig.EditorConfig
  • 팀 프로젝트 줄바꿈/들여쓰기 통일

✅ Path Intellisense

  • christian-kohler.path-intellisense
  • 파일 경로 자동완성

✅ Material Icon Theme

  • PKief.material-icon-theme
  • 파일 아이콘 개선

2. 개발 언어별 추천

Python 개발

✅ Python

  • ms-python.python

✅ Pylance

  • ms-python.vscode-pylance

✅ Jupyter

  • ms-toolsai.jupyter

Ubuntu 24에서는 추가 패키지도 추천:

sudo apt install python3-venv python3-pip

Node.js / React / TypeScript

✅ ESLint

  • dbaeumer.vscode-eslint

✅ npm Intellisense

  • christian-kohler.npm-intellisense

✅ Tailwind CSS IntelliSense

  • bradlc.vscode-tailwindcss

Java 개발

✅ Extension Pack for Java

  • vscjava.vscode-java-pack

추가 설치:

sudo apt install openjdk-21-jdk

Ubuntu 24 기준 JDK 21 추천.

C/C++

✅ C/C++

  • ms-vscode.cpptools

Ubuntu 패키지:

sudo apt install build-essential gdb

Docker / DevOps

✅ Docker

  • ms-azuretools.vscode-docker

✅ Remote - SSH

  • ms-vscode-remote.remote-ssh

✅ Dev Containers

  • ms-vscode-remote.remote-containers

3. Ubuntu 환경에서 특히 추천

✅ ShellCheck

  • timonwong.shellcheck
  • bash 스크립트 검사

설치:

sudo apt install shellcheck

✅ YAML

  • redhat.vscode-yaml

Kubernetes/Docker Compose 작업 시 필수급.

✅ Markdown All in One

  • yzhang.markdown-all-in-one

README 작성 편해짐.

4. 개인적으로 강력 추천

✅ Code Spell Checker

  • streetsidesoftware.code-spell-checker

주석/변수명 오타 방지.

✅ TODO Highlight

  • wayou.vscode-todo-highlight

TODO/FIXME 강조.

5. 설치 한번에 하기

터미널에서:

code --install-extension ms-ceintl.vscode-language-pack-ko
code --install-extension usernamehw.errorlens
code --install-extension eamodio.gitlens
code --install-extension esbenp.prettier-vscode
code --install-extension EditorConfig.EditorConfig
code --install-extension christian-kohler.path-intellisense
code --install-extension PKief.material-icon-theme

6. Ubuntu 24에서 같이 설치하면 좋은 패키지

sudo apt update

sudo apt install \
git \
curl \
wget \
build-essential \
gdb \
python3-pip \
python3-venv \
openjdk-21-jdk \
shellcheck

7. 추천 VS Code 설정 (settings.json)

{
  "editor.fontSize": 14,
  "editor.tabSize": 2,
  "editor.formatOnSave": true,
  "files.autoSave": "afterDelay",
  "terminal.integrated.defaultProfile.linux": "bash",
  "editor.minimap.enabled": false
}

원하면 추가로:

  • 웹개발용 VSCode 풀세팅
  • Python AI 개발용 세팅
  • Ubuntu 24 + Docker 개발환경
  • C/C++ 개발환경
  • Spring Boot 개발환경
  • Flutter 개발환경
  • VSCode 성능 최적화 설정

까지 한 번에 정리해드릴 수 있습니다.

profile
heeyoung_1023
개발언어를 배우는 과정 기록
이전 포스트

2 DRF+fastAPI 3 Django 모델생성 에서 나오는 명령어

다음 포스트

팁

0개의 댓글