VSCODE에서 원격서버를 로컬 디렉토리처럼 Remote SSH
이건 백엔드는 데이터베이스등 서버개발이 유용한 측면들이 많죠.
테스트 서버에서 작업하고 git으로 올리는 방법도 있고 git은 백업용도로만 사용하고 다중서버에 직접 올리는 방법도 있습니다.
로컬의 편리한 UI + 서버의 강력한 자원 및 환경
이 두 가지 토끼를 모두 잡을 수 있는 기능으로 저사양 노트북을 사용하더라도 강력한 클라우드 서버에 연결만 되어 있다면 그 서버의 성능을 내 것처럼 활용할 수 있게 됩니다.
사용해 보시면 이런 좋은것을 이제 알았다니 할것입니다.
1. 로컬 환경과의 완벽한 분리 (Clean Local Machine)
가장 큰 장점은 내 컴퓨터에 아무것도 설치할 필요가 없다는 것입니다.
- 의존성 관리: Php, Docker, 데이터베이스 등 복잡한 개발 환경을 서버에만 구축하면 됩니다.
- 성능 보존: 연산이 서버에서 수행되므로 로컬 PC는 가볍고 쾌적한 상태를 유지합니다.
2. 압도적인 개발 편의성 (DX)
일반적인 vim이나 nano 같은 터미널 기반 편집기와는 비교할 수 없는 편의성을 제공합니다.
- GUI 기반 파일 탐색: 서버의 복잡한 디렉토리 구조를 로컬 폴더처럼 마우스로 드래그 앤 드롭하고 관리할 수 있습니다.
- IntelliSense 및 확장 프로그램: 코드 자동 완성, 정의 이동(Go to Definition), 디버깅 기능을 서버 코드에서도 그대로 사용할 수 있습니다.
- Port Forwarding: 서버에서 실행 중인 웹 서비스(예: localhost:8000)를 내 로컬 브라우저에서 바로 확인할 수 있도록 포트를 자동으로 포워딩해 줍니다.
3. 보안 및 협업
- 소스 코드 보안: 코드가 로컬 기기에 남지 않고 서버에만 존재하게 설정할 수 있어 기기 분실 시에도 소스 유출 위험이 적습니다.
- 워크스테이션 공유: 고성능 GPU 서버나 사내 공용 서버에 팀원들이 각자의 VS Code로 접속하여 표준화된 환경에서 작업할 수 있습니다.
확장 프로그램 설치 안된 것은 흐릿하게 표시가 되어 추가 설치해 주는 작업이 필요 합니다.
---
▷ SSH 서버 인증
이 부분은 PC에 따라 다를 수 있으니 제미니에게 물어 보고 진행 하면 된다.
# && exec bash --login
# ssh-keygen -t ed71385 -f C:\Users\utf8pc\.ssh\id_ed71385
# type C:\Users\utf8pc\.ssh\id_ed71385.pub | ssh -p 22 root@123.4.0.2 "mkdir -p ~/.ssh && chmod 700 ~/.ssh && cat >> ~/.ssh/authorized_keys && chmod 600 ~/.ssh/authorized_keys"
# ssh -p 22 -i C:\Users\utf8pc\.ssh\id_ed71385 root@123.4.0.2
1) Remote - SSH 확장 프로그램 설치
Microsoft 것을 설치 하면 된다.
2) 윈도우PC 기준 F1 클릭 후 "remote ssh" 검색 한다.
Remodte-SSH: Connect to Host...
Configure SSH Hosts...
위 인증 과정을 거친것을 아래 처럼 적어 준다.
3) 설정
Host utf8linux
HostName 123.4.0.2
User root
Port 2222
IdentityFile C:\Users\utf8pc\.ssh\id_ed71385
이설정은 vscode 에서 파생한것에는 다 같이 적용 된다. 예를 들면 커서Ai 실행하면 위 설정한게 보이는 구조. 내 컴퓨터의 SSH 설정 이기 때문에 그렇습니다.