vscode와 docker 연동

호야70 2024. 7. 23. 13:11

2024. 7. 23. 13:11

728x90

Docker를 VS Code(Visual Studio Code)와 연동하면 개발 환경에서 Docker 컨테이너를 더 쉽게 관리하고 사용할 수 있습니다. VS Code는 Docker 컨테이너와 이미지를 다룰 수 있는 강력한 도구와 확장 기능을 제공합니다. 이 답변에서는 VS Code와 Docker를 연동하는 방법과 Docker 컨테이너를 관리하는 기본적인 워크플로를 설명하겠습니다.

VS Code와 Docker 연동하기

1. 사전 준비

Docker 설치

Docker를 먼저 설치해야 합니다. Docker 공식 사이트에서 운영체제에 맞는 설치 파일을 다운로드하고 설치할 수 있습니다. 설치 후 Docker가 정상적으로 실행되는지 확인합니다.

docker --version

Visual Studio Code 설치

VS Code는 Microsoft 공식 사이트에서 다운로드할 수 있습니다. 다운로드 후 설치를 진행합니다.

2. Docker 확장 프로그램 설치

VS Code에 Docker를 연동하기 위해 Docker 확장을 설치합니다.

VS Code 실행: VS Code를 실행합니다.
확장 탭으로 이동: 사이드바에서 확장 아이콘을 클릭하거나, Ctrl+Shift+X(Windows/Linux) 또는 Cmd+Shift+X(Mac)를 눌러 확장 창을 엽니다.
Docker 검색: 검색창에 Docker를 입력하여 Docker 확장을 검색합니다.
확장 설치: Microsoft에서 제공하는 Docker 확장을 선택하고 Install 버튼을 눌러 설치합니다.

3. Docker 확장 사용하기

Docker 확장을 설치한 후, VS Code에서 Docker 기능을 사용할 수 있습니다.

Docker 탐색기 사용

Docker 아이콘 클릭: 사이드바에서 Docker 아이콘을 클릭합니다.
컨테이너, 이미지, 네트워크, 볼륨 보기: Docker 탐색기에서 현재 실행 중인 컨테이너, 이미지, 네트워크, 볼륨을 확인할 수 있습니다.

컨테이너 관리

컨테이너 시작: Docker 탐색기에서 Containers 섹션으로 이동하여 Run 버튼을 클릭하여 새 컨테이너를 시작할 수 있습니다.
컨테이너 중지/재시작: 실행 중인 컨테이너를 선택하고, 마우스 오른쪽 버튼을 클릭하여 중지, 재시작, 종료 등의 작업을 수행할 수 있습니다.
로그 보기: 컨테이너의 로그를 확인하여 디버깅에 활용할 수 있습니다.

이미지 관리

이미지 다운로드: Docker Hub에서 이미지를 검색하고 다운로드할 수 있습니다.
이미지 빌드: Dockerfile이 있는 프로젝트에서 이미지를 직접 빌드할 수 있습니다.
이미지 삭제: 사용하지 않는 이미지를 제거하여 디스크 공간을 절약할 수 있습니다.

Dockerfile 지원

문법 강조: Dockerfile 작성 시 문법 강조 및 자동 완성을 지원합니다.
Linting: 잘못된 Dockerfile 구문을 감지하여 경고를 제공합니다.
이미지 빌드: Dockerfile이 있는 프로젝트에서 컨텍스트 메뉴를 통해 이미지를 쉽게 빌드할 수 있습니다.

4. Dev Containers 확장 설치 및 사용

VS Code의 Dev Containers(Development Containers) 기능은 특정 프로젝트를 컨테이너 환경에서 직접 개발할 수 있게 해줍니다. 이를 통해 개발 환경을 표준화하고 이식성을 높일 수 있습니다.

Dev Containers 확장 설치

VS Code 실행: VS Code를 실행합니다.
확장 탭으로 이동: 사이드바에서 확장 아이콘을 클릭하거나, Ctrl+Shift+X(Windows/Linux) 또는 Cmd+Shift+X(Mac)를 눌러 확장 창을 엽니다.
Dev Containers 검색: 검색창에 Dev Containers를 입력하여 Dev Containers 확장을 검색합니다.
확장 설치: Microsoft에서 제공하는 Dev Containers 확장을 선택하고 Install 버튼을 눌러 설치합니다.

Dev Container 설정

프로젝트 열기: Dev Container를 사용하려는 프로젝트를 VS Code에서 엽니다.
Command Palette 열기: Ctrl+Shift+P(Windows/Linux) 또는 Cmd+Shift+P(Mac)로 명령 팔레트를 엽니다.
Dev Container 구성: "Dev Containers: Add Development Container Configuration Files"를 입력하고 선택합니다.
템플릿 선택: 제공되는 템플릿 중 하나를 선택하거나, 사용자 지정 설정을 선택하여 필요한 패키지와 툴을 포함시킬 수 있습니다.
Dev Container 시작: 프로젝트 폴더에 .devcontainer 디렉토리가 생성되며, 여기에는 devcontainer.json과 필요한 Dockerfile 등이 포함됩니다. "Reopen in Container" 옵션을 선택하여 컨테이너에서 프로젝트를 열 수 있습니다.

5. Docker Compose 연동

Docker Compose는 여러 컨테이너를 정의하고 실행하는 데 유용합니다. VS Code에서는 docker-compose.yml 파일을 직접 편집하고, 명령어를 통해 쉽게 실행할 수 있습니다.

Docker Compose 설정

docker-compose.yml 파일 생성: 프로젝트 루트에 docker-compose.yml 파일을 생성합니다.
서비스 정의: 여러 컨테이너 서비스를 정의하고 네트워크 설정을 지정합니다.

version: '3'
services:
  web:
    build: .
    ports:
      - "5000:5000"
    volumes:
      - .:/code
    depends_on:
      - redis
  redis:
    image: "redis:alpine"

Docker Compose 명령어 실행: 터미널에서 docker-compose up 명령어를 실행하여 서비스를 시작할 수 있습니다.

요약

VS Code와 Docker의 연동을 통해 컨테이너 기반 개발 환경을 손쉽게 관리하고 사용할 수 있습니다. Docker 확장과 Dev Containers 기능을 활용하면, 프로젝트의 일관성을 유지하고 다양한 환경에서도 동일한 개발 환경을 제공할 수 있습니다. 이러한 도구들을 통해 개발 생산성을 높이고, 복잡한 환경에서도 효율적으로 개발할 수 있습니다.