[Linux] VSCode로 SSH 원격 접속하는 방법

안녕하세요

 

이번 시간에는 Visual Studio Code(VSCode)로 SSH 원격 접속하는 방법에 대해서 실습을 진행해보고자 합니다.

 

0. Visual Studio Code 설치하기(VSCode가 없으신 분들은 아래 링크에서 참고해 주세요)

https://eveningdev.tistory.com/36 

[HTML 기초 문법] VSCode 설치 및 기초 설정(소스 코드 편집기), live server

VMware 위에 Linux를 올려서 실습을 진행하고 있는데 vi 편집기를 사용해서 코드를 수정해도 되지만 

VSCode로 SSH 연결해서 사용하면 IDE에서 간편하게 리눅스 서버에서 코딩도 가능하고 FTP도 가능하기 때문에

만약 리눅스 환경에서 개발을 하는 경우라면 SSH로 연결하시는 것을 추천드립니다.

 

 

1. Remote - SSH 설치하기

VSCode에서는 다양한 확장 프로그램들이 존재합니다. 화면에 보이는 블록 모양에서 확장 프로그램을 설치할 수 있는데 검색 창에 [ssh]를 검색하시면 Remote - SSH가 있는데 [설치]를 눌러 Remote - SSH를 설치해 줍니다.

 

2. SSH 원격 연결하기

Remote - SSH가 설치되었다면 왼쪽 메뉴에 컴퓨터 모양의 아이콘이 생성되는데 [ + ] 버튼을 눌러줍니다. 3번과 같이 ssh를 연결할 수 있는 입력창이 나오는데 저기에 SSH를 연결할 주소를 보이는 형식에 맞추어서 입력해 주세요.

ssh <username>@<ip address>

저는 username이 [hyuk]이고 VMware에 올라간 서버의 IP가 [192.168.196.131]이기 때문에 다음과 같이 입력합니다.

 

ssh 정보가 저장될 위치이기 때문에 로컬 환경에 있는 .ssh\config에 저장합니다.

 

1번 버튼을 누르면 새 창에서 VSCode를 열 수 있는데 새 창이 열리면 다음과 같이 Linux/Windows/macOS를 선택하는 화면이 나옵니다. 저는 Linux이기 때문에 Linux를 선택하겠습니다.

 

Linux 서버에서 user에 해당하는 Password를 입력해 주세요.

 

좌측 하단을 보시면 SSH: 192.168.196.131이 나오는 것을 확인해 보실 수 있는데 다음과 같이 SSH로 원격 접속한 모습입니다.

 

3. 연동 확인하기

mkdir vscode_ssh

실습한 대로 따라오긴 했는데 어떻게 원격 연결된 것인지 궁금하실 수 있습니다. Linux 서버에서 다음과 같이 폴더 하나를 생성합니다. 그 후 [폴더 열기]를 누르면 서버에서 생성한 [vscode_ssh] 폴더가 보이실 텐데 클릭하신 후 [확인]을 눌러줍니다.

 

텍스트 파일 하나를 만들어서 아무런 텍스트를 입력한 후 저장합니다.

 

제 서버에 만들어준 [eveningdev.txt] 텍스트 파일이 생겼고 cat 명령어로 확인하니 VSCode에서 편집한 내용이 그대로 적용되는 것을 확인할 수 있습니다.

 

이번 시간에는 VSCode를 이용하여 SSH 원격 접속을 해보는 실습을 진행했습니다.

VSCode 뿐만 아니더라도 IDE는 거의 다 SSH를 지원하니 비슷한 방법으로 원격 접속하시면 됩니다.

저 같은 경우 vi 편집기로 코드를 수정하는 것이 불편해서 IDE로 SSH 원격 접속하는 방식을 사용합니다.

 

감사합니다.