[Programming/Dev environment]
VSCode SSH를 이용해 원격 서버에서 개발하기

2020. 3. 17. 17:00


728x90

프로그래밍을 하면서 서버를 이용해야할 일은 매우 많다. 이는 서버에서 돌아가고 있는 프로그램의 유지보수 혹은 기능 추가등 여러가지 이유로 서버에 접속해서 파일을 수정해야할 일도 증가한다는 의미를 가지고있다.

실서비스중인 서버일 경우 우선 개발자의 로컬 환경에서 테스트를 하고 업데이트 하기도 하지만 실서비스가 아니거나 공부목적등의 이유로 돌아가고 있는 서비스를 직접 건드려야 하기도 한다.

이럴 경우 대부분의 개발자들은 SSH를 이용하여 원격 서버에 접속해 작업을 하곤 하는데, vi, vim, nano등 여러가지 텍스트 에디터가 존재하지만 텍스트 인터페이스는 지속적이고 오랫동안 계속되는 작업을 하기에 적합하지가 않다. 이런 텍스트 UI를 가진 편집기들을 오래 사용하면 할수록 피로도가 상승하고 능률이 떨어지기 때문이다.

대부분 로컬에서 작업을 하게되면 VSCode, Pycharm, Atom 편집기 등 그래픽 유저 인터페이스를 가진 텍스트 편집기를 이용하는데, 이를 원격 서버에서 작업을 할 때에도 사용할 수 있으면 매우 편리할것이다.

오늘은 이것을 가능케 하는것에 대해 포스팅하려고 한다.

해당 포스팅은 Visual Studio Code 이하 VSC가 설치되어있다는 가정 하에 진행하도록 한다.
만약 VSC가 설치되어있지 않다면 VSC 설치 방법 챕터를 먼저 읽어보는것이 도움이 될것이다.

1. VSC 플러그인 Remote Development 설치
VSC를 이용해서 원격 서버의 파일을 수정하기위해서는 우선 VSC의 확장 플러그인인 Remote Development가 필요하다.
해당 플러그인은 VSC의 MarketPlace에서 간편하게 검색하여 Install 할 수가 있으니 설치하도록 한다.

2. 원격 서버로의 접속 시도
VSC에 Remote Development 플러그인이 정상적으로 설치가 되었다면, F1키를 눌러 VSC Console을 열고 Remote-SSH: Connect to Host 옵션을 선택한다.

Connetct to Host 옵션을 선택하면 아래와 같이 SSH 설정창이 나온다. 이후 username@serverip를 입력하고 Enter키를 누르면 된다.
(필자의 경우 처음에 일반 사용자계정@serverip로 접속을 시도했으나 계속해서 에러가 발생하여 원격 서버 SSH설정에서 root계정으로 접근을 허용하고 root 계정으로 로그인하였다.)

접속을 시도하면 아래와 같이 username 계정의 password를 묻는데, 이때 계정의 비밀번호를 입력하고 다시한번 Enter키를 누르면 정상적으로 연결이 성립된다.

정상적으로 접속되었다면 좌측 하단에 SSH: serverip가 보일것이다.

3. 작업 디렉토리 선택
위 모든 과정에 문제가 없었다면 이제 정상적으로 작업을 시작할 수 있다. VSC 메인화면에서 Open folder를 클릭해 작업을 시작할 디렉토리를 선택해주면 원격 서버의 선택한 디렉토리가 열리고 작업을 시작할 수 있을것이다.

 

/home/xeros/ 디렉토리를 작업 디렉토리로 연 모습

이 기능만 있으면 이제 서버파일을 작업하는데 있어 로컬파일을 작업하는것만큼 쉽게 작업할 수 있을것이다.