[vscode] 클라우드 서버에 ssh 접속 후 container 접속하기

네이버 클라우드 서버에 졸프 서비스를 올렸다. 이렇게 올려뒀다.

- flask 컨테이너
- mysql 컨테이너

- nginx 컨테이너

 

오늘 아침까지는 서버에 putty로 ssh 접속해서 터미널 창에서 개발중이었다.

그나저나 한창 개발중이라 코드 변경이 잦아서 터미널이 좀 불편했다.

(로컬에서 테스트 성공하면 git push한 다음에 터미널로 가서 git pull 하는 방식으로 반영했다.)

 

터미널로 접속해서 하니까 코드 수정하기랑 로그 보기가 좀 불편했다.

vscode통해 접속 가능하지 않을까 싶었다. 찾아보니 가능하다.

진작 찾아볼걸!!

 

 

그래서 오늘을 기록해둔다.

 

1. vscode로 서버에 ssh 접속하기

2. vscode로 서버 내부의 컨테이너 접속하기

 

---

기본적으로..

- vscode에서 원격접속 하기 위해서는 좌측 메뉴바의 RemoteExplorer 탭에서 진행된다.

 

친해지기

 

- 접속 시도할 때 vscode 상단에 비밀번호 요청 뜰 때 입력해줘야 넘어간다.

처음에는 뜬 줄 모르고 계속 기다렸다...쿡..

 

---

1. vscode로 서버에 ssh 접속하기

ssh 접속정보를 작성하는 config라는 파일은 이 경로에 둬야 한다. (없으면 만들기)

\사용자\사용자\.ssh\config 

[예시] C:\Users\kye33\.ssh\config

 

vscode에서 위 config 파일을 수정해보자.

ctrl+shift+p를 눌러 커맨드팔레트를 열고 Remote-SSH를 연다.

 

 

Configure SSH Hosts 를 누르고 위 경로에 있는 config파일을 선택하면 config파일이 띄워진다.

 

이렇게 간단히 config파일을 작성하고 저장한다.

 

그리고 다시 커맨트팔레트(ctrl+shift+p) 띄워서 ssh-remote 누르면, 방금 등록한 접속정보가 뜬다.

 

뜬다!

 

그럼 위에 은근슬쩍 비밀번호 입력 요청이 뜬다. 입력하면 접속 완료!

 

---

2. vscode로 서버 내부의 컨테이너 접속하기

참고: 위와 비슷한 과정! 로딩이 살짝 더 걸린다.

 

extensions에서 Dev Containers를 설치해주자.

 

 

 

Remote Explorer에서 Dev Containers로 변경해보자.

그리고 접속하고 싶은 컨테이너에서 마우스 우클릭 후 Attach to Container 클릭한다.

 

우클릭 안하고 옆에 +붙은 네모창 아이콘 눌러도 동일함

 

vscode 화면 상단에 비밀번호 입력 요청 뜰 때마다 입력해주도록 하자.

 

 

---

끝!

우와! 개발이 빠르고 쉬워졌다. 로그를 편하게 구경하는 것도 재미있다.

vscode로 서버에 원격 접속 & 컨테이너 접속할 수 있다는 것을 알게 되었다.

스스로 클라우드 서버를 사용해 본 건 처음인데,

클라우드 서버를 운영한다는게 거창할 줄 알았지만 아직 내가 하는 정도로는 로컬 개발과 크게 다르지 않다는 걸 알았다.

이번에 전반적으로 서버와 도커에 좀 더 친해진 것 같다.