Microsoft MVP성태의 닷넷 이야기
글쓴 사람
정성태 (techsharer at outlook.com)
홈페이지
첨부 파일
 

로컬의 Visual Studio Code로 원격 리눅스 머신에 접속해 개발하는 방법

얼마 전에 1.33.1 버전부터 지원된다는 소식을 들었었는데,

VS Code Remote Development
; https://code.visualstudio.com/docs/remote/remote-overview

이제서야 해보는군요. ^^ 방법은 크게 어렵지 않습니다. 일단 대상이 되는 리눅스 머신에 SSH 연결이 된 상황을 가정으로 설명해 보면, 우선 Visual Studio Code에 "Remote Development" 확장 팩을 설치하는 것으로 시작합니다.

Remote Development
; https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.vscode-remote-extensionpack

그다음 ssh key를 대상 리눅스 머신에 등록해야 하는데요, 따라서 현재 사용자의 ssh key가 있어야 합니다. 만약 이미 전에 생성한 적이 있다면 다음의 경로에,

%USERPROFILE%\.ssh

id_rsa, id_rsa.pub 파일이 있을 것입니다. 있다면 그걸 사용하시고 없다면 다음의 명령어로 만들어야 합니다.

c:\temp> ssh-keygen -t rsa -b 4096
Generating public/private rsa key pair.
Enter file in which to save the key (%USERPROFILE%/.ssh/id_rsa):
Enter passphrase (empty for no passphrase):
Enter same passphrase again:
Your identification has been saved in %USERPROFILE%/.ssh/id_rsa.
Your public key has been saved in %USERPROFILE%/.ssh/id_rsa.pub.
The key fingerprint is:
SHA256:l5Tuxao...UYCFHtg testusr@TESTPC
The key's randomart image is:
+---[RSA 4096]----+
| o+ o +o..       |
|oo.o E. .  .     |
|ooo +..o  o      |
|.. =..+ .o o     |
|. .  o.oS = +    |
|  + oo+o.+ =     |
|  . .oo=. +      |
|     +..oo .     |
|     .oo. .      |
+----[SHA256]-----+

c:\temp>

이렇게 생성한 키에서 공개키 파일(id_rsa.pub)을 리눅스 머신 측에 등록하는데, 이를 위해 scp.exe로 리눅스 머신 측에 id_rsa.pub를 복사하고,

C:\temp> scp "%USERPROFILE%\.ssh\id_rsa.pub" tusr@192.168.100.50:~/tmp.pub
The authenticity of host '[192.168.100.50]:22 ([192.168.100.50]:22)' can't be established.
ECDSA key fingerprint is SHA256:5HAse+...[생략]...mGk+iI.
Are you sure you want to continue connecting (yes/no)?
Warning: Permanently added '[192.168.100.50]:22' (ECDSA) to the list of known hosts.
tusr@192.168.100.50's password:
id_rsa.pub                                                                            100%  747   145.7KB/s   00:00

C:\temp>

리눅스 머신에 접속해 방금 전에 복사했던 tmp.pub의 내용을 사용자 프로파일 하위에 있는 ~/.ssh/authorized_keys 파일에 추가(없으면 새로 생성)해 줍니다.

tusr@ubuntutest:~$ chmod 700 ~/.ssh
tusr@ubuntutest:~$ cat ~/tmp.pub >> ~/.ssh/authorized_keys
tusr@ubuntutest:~$ chmod 600 ~/.ssh/authorized_keys

끝입니다. 임시 파일은 삭제해 주고,

tusr@ubuntutest:~$ rm -f ~/tmp.pub

비주얼 스튜디오 코드를 실행해 "Ctrl + Shift + P"를 눌러 "Command Palette"에서 다음의 명령어를 선택한 다음,

Remote-SSH: Connect to Host...

여느 SSH 연결과 동일하게 사용자@서버 주소를 입력해 연결하면 됩니다. 그럼 새롭게 Visual Studio Code가 실행되고 그 프로세스 내에서의 모든 활동은 대상 리눅스 머신을 바탕으로 합니다.




참고로 SSH tunnel 설정 등의 이유로 포트를 명시하고 싶을 수 있는데 다음과 같은 식으로 입력하면,

tusr@127.0.0.1:15000

접속할 수 없다고 나옵니다.

Can't connect to tusr@127.0.0.1:15000: unreachable or not Linux x86_64 (ssh: Could not resolve hostname 127.0.0.1:15000: No such host is known.)

이런 경우, "Remote-SSH: Forward Port from Active Host..." 명령을 이용해 포트 매핑을 설정한 파일을 생성하는 것으로 해결할 수 있는데 이는 다음의 글을 참고하면 됩니다.

Forwarding a port / creating SSH tunnel
; https://code.visualstudio.com/docs/remote/ssh#_forwarding-a-port-creating-ssh-tunnel

개인적으로 저 방법보다는 "연결 파일"을 만들어 두는 것을 더 선호합니다. 왜냐하면 연결 파일을 만들어 두면 "Remote-SSH: Connect to Host..." 명령 후에 해당 파일이 목록에 나타나 바로 선택해 접속하는 것이 가능하므로 더 편리하기 때문입니다. 방법은 다음의 파일을 만들고,

%USERPROFILE%\.ssh\config

(확장자 없이 파일명 자체가 config)

내용을 이렇게 채워주면 됩니다.

# Read more about SSH config files: https://linux.die.net/man/5/ssh_config
Host testlinux
    HostName 127.0.0.1
    User tusr
    Port 15000




[이 글에 대해서 여러분들과 의견을 공유하고 싶습니다. 틀리거나 미흡한 부분 또는 의문 사항이 있으시면 언제든 댓글 남겨주십시오.]

[연관 글]





[최초 등록일: ]
[최종 수정일: 6/20/2019 ]

Creative Commons License
이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.
by SeongTae Jeong, mailto:techsharer@outlook.com

비밀번호

댓글 쓴 사람
 



2020-04-01 01시36분
[yjm] 감사합니다^^ 아주 많은 도움이 되었습니다.
[손님]

1  2  3  4  5  6  7  8  9  10  11  12  [13]  14  15  ...
NoWriterDateCnt.TitleFile(s)
11989정성태7/18/2019804Windows: 162. Windows Server 2019 빌드 17763부터 Alt + F4 입력시 곧바로 로그아웃하는 현상
11988정성태7/18/20191464개발 환경 구성: 453. 마이크로소프트가 지정한 모든 Root 인증서를 설치하는 방법
11987정성태7/17/20194201오류 유형: 558. 윈도우 - KMODE_EXCEPTION_NOT_HANDLED 블루스크린(BSOD) 문제
11986정성태7/18/2019937오류 유형: 557. 드라이브 문자를 할당하지 않은 파티션을 탐색기에서 드라이브 문자와 함께 보여주는 문제
11985정성태7/17/2019902개발 환경 구성: 452. msbuild - csproj에 환경 변수 조건 사용
11984정성태7/9/20191604개발 환경 구성: 451. Microsoft Edge (Chromium)을 대상으로 한 Selenium WebDriver 사용법
11983정성태7/8/2019963오류 유형: 556. nodemon - 'mocha' is not recognized as an internal or external command, operable program or batch file.
11982정성태7/8/2019951오류 유형: 555. Visual Studio 빌드 오류 - result: unexpected exception occured (-1002 - 0xfffffc16)
11981정성태7/7/20191212Math: 64. C# - 3층 구조의 신경망(분류)파일 다운로드1
11980정성태7/7/20195085개발 환경 구성: 450. Visual Studio Code의 Java 확장을 이용한 간단한 프로젝트 구축파일 다운로드1
11979정성태7/8/20191432개발 환경 구성: 449. TFS에서 gitlab/github등의 git 서버로 마이그레이션하는 방법
11978정성태7/6/20191249Windows: 161. 계정 정보가 동일하지 않은 PC 간의 인증을 수행하는 방법 [1]
11977정성태7/6/20192139오류 유형: 554. git push - error: RPC failed; HTTP 413 curl 22 The requested URL returned error: 413 Request Entity Too Large
11976정성태7/4/20191309오류 유형: 553. (잘못 인증 한 후) 원격 git repo 재인증 시 "remote: HTTP Basic: Access denied" 오류 발생
11975정성태7/4/20193269개발 환경 구성: 448. Visual Studio Code에서 콘솔 응용 프로그램 개발 시 "입력"받는 방법
11974정성태7/4/20191975Linux: 22. "Visual Studio Code + Remote Development"로 윈도우 환경에서 리눅스(CentOS 7) C/C++ 개발
11973정성태7/4/20191359Linux: 21. 리눅스에서 공유 라이브러리가 로드되지 않는다면?
11972정성태7/3/20191580.NET Framework: 847. JAVA와 .NET 간의 AES 암호화 연동파일 다운로드1
11971정성태7/3/20191464개발 환경 구성: 447. Visual Studio Code에서 OpenCvSharp 개발 환경 구성
11970정성태7/2/20191231오류 유형: 552. 웹 브라우저에서 파일 다운로드 후 "Running security scan"이 끝나지 않는 문제
11969정성태7/7/20191190Math: 63. C# - 3층 구조의 신경망파일 다운로드1
11968정성태7/1/20193046오류 유형: 551. Visual Studio Code에서 Remote-SSH 연결 시 "Opening Remote..." 단계에서 진행되지 않는 문제 [1]
11967정성태7/1/20191223개발 환경 구성: 446. Synology NAS를 Windows 10에서 iSCSI로 연결하는 방법
11966정성태6/30/20191222Math: 62. 활성화 함수에 따른 뉴런의 출력을 그리드 맵으로 시각화파일 다운로드1
11965정성태6/30/20191284.NET Framework: 846. C# - 2차원 배열을 1차원 배열로 나열하는 확장 메서드파일 다운로드1
11964정성태6/30/20191625Linux: 20. C# - Linux에서의 Named Pipe를 이용한 통신
1  2  3  4  5  6  7  8  9  10  11  12  [13]  14  15  ...