EC2에 배포한 웹 코드 수정 & VSCode에서 SSH로 접근

1. VSCode에서 SSH로 EC2 연결하기

1-1. VSCode에 SSH 확장 프로그램 설치

- 확장 프로그램(Extensions)에서 Remote - SSH 검색 후 설치합니다.

 

1-2. EC2 SSH 접속 설정

EC2 인스턴스를 생성할 때 받은 .pem 키가 있는지 확인해주세요!
만약 없다면, 새로운 키를 생성해야 합니다.

 

SSH 설정 파일 열기

 nano ~/.ssh/config

- vscode 에서 터미널을 열고 위와 같은 명령어를 입력하여 SSH 설정 파일을 열어줍니다.

 

Host ec2-server
    HostName your-ec2-ip
    User ubuntu
    IdentityFile ~/.ssh/your-key.pem

- your-ec2-ip 부분에 ip를 적어줍니다.

- User 에 알맞은 유저이름을 적습니다. 

- IdentityFile 에 알맞은 .pem 경로를 적어줍니다.

- ctrl + x 해줍니다.

- y 키를 통해 yes 를 선택합니다.

- 파일 이름이 맞는 지 확인하고 엔터를 통해 저장하고 나가줍니다.

 

---

 

✅ 만약, .pem 의 경로가 ~/.ssh/ 가 아니라면?

보안상 키 파일은 Desktop이 아닌 ~/.ssh/ 디렉토리에 저장하는 것이 좋습니다.

mv /Users/heeyeon/Desktop/EC2/Stellar_Link_key.pem ~/.ssh/

- mv 원래의 경로 ~/.ssh/ 로 적어줍니다.

 

chmod 400 ~/.ssh/Stellar_Link_key.pem

- 권한 변경 해줍니다. (안 하면 SSH 접속 차단됨)

 

ssh ec2-server

- ssh 연결 테스트를 해줍니다. 

---

1-3. VSCode에서 SSH 연결

Ctrl + Shift + P → Remote-SSH: Connect to Host 선택

(맥북일 경우 Ctrl -> cmd)

- 방금 설정한 호스트를 클릭해줍니다.

 

 

- 폴더 열기 클릭 후, 코드가 존재하는 폴더를 열어줍니다.

 

- 코드 파일이 열린 것을 확인 할 수 있습니다!! ⭐️