EC2 인스턴스 VSCode로 연결하기

EC2 인스턴스에 접속하면, 터미널에서 코드를 수정할 수 있다.

불편하기 때문에 Visual Studio Code를 EC2 인스턴스에 연결하여 이후에는 코드를 작성하고 수정하는 방법을 알아보자.

1. ftp-simple 설치

extensions에서 ftp-simple 파일을 찾아서 설치한다.

2. FTP connnection setting

command+T를 눌러 Command Palette를 열고 ">ftp-simple"을 입력한 뒤 ftp-simple: Config - FTP connection setting을 클릭한다.

그리고 파일에 아래와 같이 설정을 입력한다.

[
	{
		"name": "tradeforce-env",  # ftp 연결된 이름 (임의로 지정 가능)
		"host": "0.00.00.00",     # AWS EC2 public IP주소
		"port": 22,     # SSH 연결이면 port 22
		"type": "sftp",
		"username": "ubuntu",  # putty 설정 때 host name
		"password": "",
		"path": "/home/ubuntu/",
		"autosave": true,
		"confirm": false,
		"privateKey": "/Users/test/test-backend.pem"
	}
]

• SSH는 22번 포트를 사용한다. Amazon EC2에서 22번 포트가 열려 있는지 확인을 먼저 해 보자.
• username은 SSH에 접속할 때 IP 주소 앞에 붙는 이름이다. 여기에서는 ubuntu이다.

ssh -i test-backend.pem ubuntu@3.30.20.33

• path는 아마존 EC2의 경로이다. pwd를 통해 경로를 확인한 뒤 복사해서 붙여넣으면 된다.
• 많은 블로그에서 privateKeyPath로 되어 있는데, privateKey를 키값으로 줘야 한다. 여기에서 계속 에러가 나서 시간을 많이 버렸으니 주의해야 한다.
• 제대로 연결이 되었는지 안 되었는지 정확하게 이유가 무엇인지 친절하게 알려주지 않는다 때문에 위의 사항들을 주의해서 잘못 설정하는 것을 최소화해야 삽질을 최소화할 수 있다.

3. 다운로드

command+T를 눌러 Command Palette를 열고 ">ftp-simple"을 입력한 뒤 ftp-simple: Remote directory open to workspace을 클릭한 후 위에서 지정했던 ftp 연결 name을 클릭하면 상세 directory를 지정하여 열 수 있다.

이제부터는 VSCode 통해 EC2 인스턴스 내의 코드를 작성하고 수정할 수 있게 된다.

[참고 링크]
https://share4share.tistory.com/32