[VS][Docker] Visual Studio Code에서 Docker 사용

프로젝트를 진행하면서 이제 Docker는 선택이 아닌 필수가 되어가는 추세입니다.

이번 포스트는 Visual Studio Code에서 Docker를 사용하는 방법에 간단히 다뤄보도록 하겠습니다.

 

 

우선, 본 포스트는 VS Code가 설치되어 있다고 가정하고 진행하겠습니다.

VS Code를 실행한 후 다음과 같이 Extension을 클릭한 후 remote development를 설치합니다.

Install Remote Development

설치가 완료되었으면 이제 Docker를 설치합니다. 설치할 때 Docker와 Docker Explorer를 모두 설치해 줍니다. Docker Explorer를 설치해 주면 Terminal을 실행시키지 않고 VS Code IDE에서 GUI 형태로 Container를 다룰 수 있습니다.

Install Docker & Docker Explorer

 

위 3가지가 모두 설치 완료되면 다음과 같이 Plug-In 된 프로그램의 아이콘들이 생성될 것입니다.

이제 본격적으로 Docker를 다뤄보도록 하겠습니다. 좌측 Docker Icon을 클릭해 보면 다음과 같이 Container와 image들 목록을 확인할 수 있습니다.

Container와 image 모두 비어 있습니다. 이 상태로는 아무것도 못하기에 Container와 image를 생성해 보겠습니다. 다음과 같은 순서로 진행하면 됩니다. 예제니까 아무거나 생성해 보겠습니다.

 

run 명령어를 통해 pytorch/pytorch Image에서 pt라는 이름의 Container를 생성합니다. 아래 예제에서는 Pytorch Image를 가져왔지만 Docker Hub에서 다른 Image를 가져올 수도 있겠죠...?

# pytorch/pytorch image 생성 & pt라는 이름의 Container 생성
>> docker run -d -it --name pt pytorch/pytorch

참고로 -d는 backgound를, -it는 interactive를 의미하며 이 두 옵션을 통해 Terminal 환경에서 개발을 진행할 수 있습니다.

어찌 되었든 위 명령어를 실행하면 다음과 같이 Container와 Image가 생성된 것을 확인할 수 있습니다.

이렇게 생성된 Container에서 작업하려면 다음과 같이 Attach 하여 사용하면 됩니다.

VS Window가 Open 되며 여기서 개발하면 되겠죠...? ㅎㅎ

그런데 이러면 그냥 새로운 어떠한 환경이 생성되는 것이고 보통은 PC에 있는 파일들을 Container에서 사용하면서 개발하는 것이 일반적일 수도 있습니다. 이런 경우 Bind Mount를 하면 되는데, 이를 위해서는 다음과 같이 Container를 생성하면 됩니다.

# Bind Mount
>> docker run -d -it -v C:\Users\user\Downloads\:/mnt pytorch/pytorch

위 명령어를 통해 로컬의 C:\Users\user\Downloads\ 디렉터리를 pytorch/pytorch Image로 만들어진 Container 내부의 mnt 폴더에 마운트 시켜 실시간 동기화되는 디렉터리로 사용할 수 있습니다.

 

앞서 attach 한 방식과 동일한 방식으로 vs code window를 open 하면 mount 된 상태의 container에서 개발을 진행할 수 있습니다. 아래와 같이 mnt에서 C:\Users\user\Downloads\의 파일들을 확인할 수 있습니다.

 

이제까지 VS Code에서 Docker를 연결해 사용하는 방법에 대해 다뤄보았습니다.

향후 시간이 된다면 Docker 자체를 다루는 방법도 다뤄보면 좋을 것 같다는 생각이 들었습니다.

 

뭐... 어찌 되었든, 이번 포스트는 이렇게 마무리하도록 하겠습니다.