VSCode로 서버 프로젝트 원격 연결해서 개발하기 (feat. Remote-SSH)

나 드갈래.. 편하게 할래 ㅠ

열어줘 ㅠ

서버에서 Nextcloud 코드 수정한걸 테스트 해야한다

근데 맨날 바보처럼 까먹고 로컬에서 작업하고, 그 파일을 서버로 옮기는... 비효율의 극치를 달리고 있더라

vsCode가 SSH가 된다는 걸 들었으니 적용해볼까해서 정리해뒀다

바로가자!

 

(vsCode는 설치되어있다고 가정하겠다)

---

1. Remote - SSH 설치

'Remote - SSH'라는 MS에서 공식으로 지원하는 확장 프로그램이 있다

설치하자

---

2. 서버 SSH 정보 입력하기

이제 잘보면 왼쪽에 모니터 모양 생긴다

ssh 누르고 + 모양 누르면 창이 열린다

아래 템플릿에 맞춰 작성하자

# 템플릿 
ssh <ID>@<원격 서버 IP>

# 예시
ssh n100@192.168.0.111

그럼 이제 이 원격 정보를 저장할 장소(로컬 컴퓨터 내의 디렉토리)를 고르라고 한다

적당한거 골라주자 (잘 모르면 최상단 것을 선택!)

그럼 왼쪽에 하나 추가된 것을 확인할 수 있다

---

3. SSH 연결하기

클릭 한번하면 아래처럼 두가지 아이콘이 생긴다

왼쪽은 현재창에 원격 서버창 띄우기

오른쪽은 새창에 원격 서버창 띄우기

---

ps. 맥북은 보안 이슈로 막힐 수 있는데 허용하고 retry 누르면 된다

---

그럼 상단에 서버 비밀번호 입력하라고 나온다 입력해주자

연결 잘되면(= 비밀번호 잘 입력했다면) vsCode에서 열 디렉토리 경로를 지정할 수 있다

디폴트는 서버의 홈디렉토리니까 프로젝트 디렉토리로 이동하자

잘 연결된 것을 확인할 수 있다

따란~