AWS) EC2 instance를 Visaul Studio Code로 접속해보기

실습 환경 : Visual Studio Code (Web Application)
실습 목적 : Visual Studio Code를 이용한 EC2 instance 연결을 통해 직접 Application 개발

---

Visual Studio Code를 이용하여 원격으로 EC2 instance 접속 시 이점.

• 편리한 에디터 기능 사용.
• 별도 SSH client를 사용하지 않고 자체적인 터미널을 이용하여 Shell 사용 가능.
• EC2 instance 파일을 쉽게 Download 가능.

---

---

Visaul Studio Code를 이용한 EC2 instance 접속 구조

---

---

Visual Studio Code 원격접속을 위한 Remote - SSH 설치

• Visual Studio Code에 SSH를 이용한 원격 접속 Extension 설치 [Remote-SSH]

---

---

Visual Studio Code 원격접속을 위한 Config 파일 설정

• config 파일에 원격 접속할 서버에 대한 정보와 key정보 등록 후 저장.

경로 : 사용자 홈 디렉토리\.ssh\config ( 예:  C:\Users\admin\.ssh\config )

config 파일 내용
1. Host - 원격 접속 Server 이름 (공백 사용불가)
2. HostName - 원격 접속 Host IP Address
3. User - 원격 접속 server ID
4. ForwardAgent  - yes
5. IdentityFile - 공개키 파일 경로 및 파일명 (반드시 절대경로로 쓸것)

• 공개키 암호 파일에 대한 퍼미션을 사용자에 대해서만 읽기 권한을 갖도록 변경

OS별 권한 설정 변경
1. Linux/MacOS - chmod 400 <공개 키 파일>
2. Windows - 다음 내용 참조

---

---

Visual Studio Code 원격접속을 위한 서버 등록

---

1. 새 창에서 호스트 연결 클릭 후,
    새 창이 열리면 선택 창에서 Linux/Windows/macOS 중 호스트 (EC2 instance)의 OS를 선택
[config 파일에서 생성한 호스트 네임을 선택합니다. config 파일 설정에서 AWS-WebServer로 호스트 네임을 정했으면, AWS-WebServer-3가 아닌 AWS-WebServer를 연결 합니다.]

---

2. 엑세스 열기 계속 선택

---

3. SSH 연결 확인

---

4. 탐색기 창에서 폴더 열기 클릭 후,  탐색기에 올려놓을 작업공간 선택

---

5. 작업공간이 잘 등록되었는지 확인

---

참고 자료 : https://code.visualstudio.com/docs/remote/ssh

---