AWS Cloud9를 기존 인스턴스에서 사용
소개
기존 인스턴스를 사용하여 Cloud9를 구축합니다. Visual Studio Code의 Remote Development를 사용하여 EC2에 연결할 수 있지만 Cloud9라면 브라우저가 있으면 작동하므로 태블릿이나 ChromeBook 등에서도 코딩을 할 수 있도록 합니다.
인스턴스의 보안 그룹 변경
인바운드 규칙의 SSH에 Cloud9 IP 주소 18.179.48.128/27
18.179.48.96/27
허용합니다.
![](https://s1.md5.ltd/image/1c8e1d972301b4d046e4dd71dc8c6d58.png)
IP 주소 고정 (EIP를 할당하지 않은 경우)
EC2 대시보드의 네트워크 및 보안에서 Elastic IP를 선택합니다.
Elastic IP 주소 할당을 열고 할당을 클릭합니다.
![](https://s1.md5.ltd/image/bf2e94e2ef3821d3de911ad14f2094de.png)
검색된 IP 주소를 선택한 상태에서 작업에서 Elastic IP 주소 연결을 클릭합니다. 인스턴스가 선택되었는지 확인하고 인스턴스의 입력 상자를 클릭한 다음 사용할 인스턴스를 선택합니다.
![](https://s1.md5.ltd/image/af38aaea791b906b0e522872c2f3d4c9.png)
Node.js 설치 (Ubuntu 용)
먼저 업데이트 및 업그레이드를 수행합니다.
sudo apt-get update
sudo apt-get -y upgrade
curl 설치
sudo apt-get -y install curl
PRA 도입
sudo curl -sL https://deb.nodesource.com/setup_12.x | sudo bash -
Node.js 설치
sudo apt-get -y install nodejs
Cloud9 구축
cloud9 설정
Cloud9 페이지의 New AWS Cloud9 environment -> Create environment에서 Cloud9 환경을 구축합니다.
![](https://s1.md5.ltd/image/357e43803a6dd437928a7d31cb083d85.png)
이름과 설명을 입력합니다. Description은 선택 사항입니다. 입력이 완료되면 Next step
를 클릭합니다.
![](https://s1.md5.ltd/image/40d609fed15f8263dfcfca89a5756d26.png)
기존 인스턴스를 사용하므로 Environment type에서 Connect and run in remote server (SSH)
를 선택합니다.
사용자에게 인스턴스의 사용자 이름, Host에 인스턴스의 IP 주소 또는 DNS를 입력합니다.
![](https://s1.md5.ltd/image/c924604993a8720f5e551c272e977d16.png)
View public SSH key에서 Copy key to clipboard를 클릭하여 클립보드에 Cloud9 공개 키를 복사합니다.
인스턴스에 연결하고 ./.ssh/authorized_keys
에 위에서 복사한 공개 키를 붙여넣습니다.
![](https://s1.md5.ltd/image/ec6d723d15667da032d6b391506499d9.png)
공개 키를 추가한 후 다음 단계를 클릭합니다.
Review가 표시되므로 Create environment를 클릭합니다.
![](https://s1.md5.ltd/image/c758e6835b957c8b195f7eb4671c507d.png)
Cloud9 설치
Can we quickly set up AWS Cloud9 on your environment?
가 표시되면 다음을 클릭하십시오.
![](https://s1.md5.ltd/image/d349294097a0fa63d490b6c14c66bd3f.png)
The following components will be installed. You can untick any of the optional components.
가 표시되므로 모두 체크가 되어 있는 상태에서 Next를 클릭합니다.
![](https://s1.md5.ltd/image/fdab5b4906faf2eec2a6d39216db20ec.png)
Installing Cloud9 IDE
의 Do you want to install them now [Y/n]
가 표시되면 Enter 키를 누릅니다.
![](https://s1.md5.ltd/image/52864978fb4a8d2d1fdeb145550576e7.png)
Installation Completed
라고 표시되면 설치 성공입니다. 다음을 클릭합니다.
![](https://s1.md5.ltd/image/79bf38ccdf29d3fcdaeb5a00019aac2f.png)
마침을 클릭하여 Cloud9 사용을 시작합니다.
![](https://s1.md5.ltd/image/0f85abb4764f34c7ac80bf74d51cd4ab.png)
Cloud9를 사용해보기
탭의 + 마크에서 New File을 클릭합니다.
![](https://s1.md5.ltd/image/39e53458f7c9a2beb8ce3cd0dee658bc.png)
Ctrl+S 또는 File -> Save에서 다른 이름으로 저장합니다. 여기 Hello.js로 만들었습니다.
![](https://s1.md5.ltd/image/b7e7bcd2d0445ed3f9cc7b706d0266d5.png)
![](https://s1.md5.ltd/image/4fa466fdf5dd2e6a83e983914a5e9e57.png)
프로그램을 입력합니다.
Hello.jsconst Hello = "Hello!";
for (let i = 0; i < 10; i ++ ) {
console.log(Hello);
}
Alt+F5 또는 Run 버튼을 클릭하여 실행합니다.
![](https://s1.md5.ltd/image/7d5c66bb71740e8748cda605f1d4e790.png)
결론
브라우저상에서 움직이기 때문에, 디바이스에 관계없이 코드를 쓰는 것이 있어, 보완 기능도 있으므로, 약간의 코딩으로부터 메인의 IDE로서도 사용할 수 있습니다. 여러 사람이 편집할 수 있으므로, 팀 개발이나 페어 프로에 적합하다고 생각합니다.
Reference
이 문제에 관하여(AWS Cloud9를 기존 인스턴스에서 사용), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/rockhopper-penguin/items/d5042b71230eb94955d0
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
인바운드 규칙의 SSH에 Cloud9 IP 주소
18.179.48.128/27
18.179.48.96/27
허용합니다.![](https://s1.md5.ltd/image/1c8e1d972301b4d046e4dd71dc8c6d58.png)
IP 주소 고정 (EIP를 할당하지 않은 경우)
EC2 대시보드의 네트워크 및 보안에서 Elastic IP를 선택합니다.
Elastic IP 주소 할당을 열고 할당을 클릭합니다.
![](https://s1.md5.ltd/image/bf2e94e2ef3821d3de911ad14f2094de.png)
검색된 IP 주소를 선택한 상태에서 작업에서 Elastic IP 주소 연결을 클릭합니다. 인스턴스가 선택되었는지 확인하고 인스턴스의 입력 상자를 클릭한 다음 사용할 인스턴스를 선택합니다.
![](https://s1.md5.ltd/image/af38aaea791b906b0e522872c2f3d4c9.png)
Node.js 설치 (Ubuntu 용)
먼저 업데이트 및 업그레이드를 수행합니다.
sudo apt-get update
sudo apt-get -y upgrade
curl 설치
sudo apt-get -y install curl
PRA 도입
sudo curl -sL https://deb.nodesource.com/setup_12.x | sudo bash -
Node.js 설치
sudo apt-get -y install nodejs
Cloud9 구축
cloud9 설정
Cloud9 페이지의 New AWS Cloud9 environment -> Create environment에서 Cloud9 환경을 구축합니다.
![](https://s1.md5.ltd/image/357e43803a6dd437928a7d31cb083d85.png)
이름과 설명을 입력합니다. Description은 선택 사항입니다. 입력이 완료되면 Next step
를 클릭합니다.
![](https://s1.md5.ltd/image/40d609fed15f8263dfcfca89a5756d26.png)
기존 인스턴스를 사용하므로 Environment type에서 Connect and run in remote server (SSH)
를 선택합니다.
사용자에게 인스턴스의 사용자 이름, Host에 인스턴스의 IP 주소 또는 DNS를 입력합니다.
![](https://s1.md5.ltd/image/c924604993a8720f5e551c272e977d16.png)
View public SSH key에서 Copy key to clipboard를 클릭하여 클립보드에 Cloud9 공개 키를 복사합니다.
인스턴스에 연결하고 ./.ssh/authorized_keys
에 위에서 복사한 공개 키를 붙여넣습니다.
![](https://s1.md5.ltd/image/ec6d723d15667da032d6b391506499d9.png)
공개 키를 추가한 후 다음 단계를 클릭합니다.
Review가 표시되므로 Create environment를 클릭합니다.
![](https://s1.md5.ltd/image/c758e6835b957c8b195f7eb4671c507d.png)
Cloud9 설치
Can we quickly set up AWS Cloud9 on your environment?
가 표시되면 다음을 클릭하십시오.
![](https://s1.md5.ltd/image/d349294097a0fa63d490b6c14c66bd3f.png)
The following components will be installed. You can untick any of the optional components.
가 표시되므로 모두 체크가 되어 있는 상태에서 Next를 클릭합니다.
![](https://s1.md5.ltd/image/fdab5b4906faf2eec2a6d39216db20ec.png)
Installing Cloud9 IDE
의 Do you want to install them now [Y/n]
가 표시되면 Enter 키를 누릅니다.
![](https://s1.md5.ltd/image/52864978fb4a8d2d1fdeb145550576e7.png)
Installation Completed
라고 표시되면 설치 성공입니다. 다음을 클릭합니다.
![](https://s1.md5.ltd/image/79bf38ccdf29d3fcdaeb5a00019aac2f.png)
마침을 클릭하여 Cloud9 사용을 시작합니다.
![](https://s1.md5.ltd/image/0f85abb4764f34c7ac80bf74d51cd4ab.png)
Cloud9를 사용해보기
탭의 + 마크에서 New File을 클릭합니다.
![](https://s1.md5.ltd/image/39e53458f7c9a2beb8ce3cd0dee658bc.png)
Ctrl+S 또는 File -> Save에서 다른 이름으로 저장합니다. 여기 Hello.js로 만들었습니다.
![](https://s1.md5.ltd/image/b7e7bcd2d0445ed3f9cc7b706d0266d5.png)
![](https://s1.md5.ltd/image/4fa466fdf5dd2e6a83e983914a5e9e57.png)
프로그램을 입력합니다.
Hello.jsconst Hello = "Hello!";
for (let i = 0; i < 10; i ++ ) {
console.log(Hello);
}
Alt+F5 또는 Run 버튼을 클릭하여 실행합니다.
![](https://s1.md5.ltd/image/7d5c66bb71740e8748cda605f1d4e790.png)
결론
브라우저상에서 움직이기 때문에, 디바이스에 관계없이 코드를 쓰는 것이 있어, 보완 기능도 있으므로, 약간의 코딩으로부터 메인의 IDE로서도 사용할 수 있습니다. 여러 사람이 편집할 수 있으므로, 팀 개발이나 페어 프로에 적합하다고 생각합니다.
Reference
이 문제에 관하여(AWS Cloud9를 기존 인스턴스에서 사용), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/rockhopper-penguin/items/d5042b71230eb94955d0
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
먼저 업데이트 및 업그레이드를 수행합니다.
sudo apt-get update
sudo apt-get -y upgrade
curl 설치
sudo apt-get -y install curl
PRA 도입
sudo curl -sL https://deb.nodesource.com/setup_12.x | sudo bash -
Node.js 설치
sudo apt-get -y install nodejs
Cloud9 구축
cloud9 설정
Cloud9 페이지의 New AWS Cloud9 environment -> Create environment에서 Cloud9 환경을 구축합니다.
![](https://s1.md5.ltd/image/357e43803a6dd437928a7d31cb083d85.png)
이름과 설명을 입력합니다. Description은 선택 사항입니다. 입력이 완료되면 Next step
를 클릭합니다.
![](https://s1.md5.ltd/image/40d609fed15f8263dfcfca89a5756d26.png)
기존 인스턴스를 사용하므로 Environment type에서 Connect and run in remote server (SSH)
를 선택합니다.
사용자에게 인스턴스의 사용자 이름, Host에 인스턴스의 IP 주소 또는 DNS를 입력합니다.
![](https://s1.md5.ltd/image/c924604993a8720f5e551c272e977d16.png)
View public SSH key에서 Copy key to clipboard를 클릭하여 클립보드에 Cloud9 공개 키를 복사합니다.
인스턴스에 연결하고 ./.ssh/authorized_keys
에 위에서 복사한 공개 키를 붙여넣습니다.
![](https://s1.md5.ltd/image/ec6d723d15667da032d6b391506499d9.png)
공개 키를 추가한 후 다음 단계를 클릭합니다.
Review가 표시되므로 Create environment를 클릭합니다.
![](https://s1.md5.ltd/image/c758e6835b957c8b195f7eb4671c507d.png)
Cloud9 설치
Can we quickly set up AWS Cloud9 on your environment?
가 표시되면 다음을 클릭하십시오.
![](https://s1.md5.ltd/image/d349294097a0fa63d490b6c14c66bd3f.png)
The following components will be installed. You can untick any of the optional components.
가 표시되므로 모두 체크가 되어 있는 상태에서 Next를 클릭합니다.
![](https://s1.md5.ltd/image/fdab5b4906faf2eec2a6d39216db20ec.png)
Installing Cloud9 IDE
의 Do you want to install them now [Y/n]
가 표시되면 Enter 키를 누릅니다.
![](https://s1.md5.ltd/image/52864978fb4a8d2d1fdeb145550576e7.png)
Installation Completed
라고 표시되면 설치 성공입니다. 다음을 클릭합니다.
![](https://s1.md5.ltd/image/79bf38ccdf29d3fcdaeb5a00019aac2f.png)
마침을 클릭하여 Cloud9 사용을 시작합니다.
![](https://s1.md5.ltd/image/0f85abb4764f34c7ac80bf74d51cd4ab.png)
Cloud9를 사용해보기
탭의 + 마크에서 New File을 클릭합니다.
![](https://s1.md5.ltd/image/39e53458f7c9a2beb8ce3cd0dee658bc.png)
Ctrl+S 또는 File -> Save에서 다른 이름으로 저장합니다. 여기 Hello.js로 만들었습니다.
![](https://s1.md5.ltd/image/b7e7bcd2d0445ed3f9cc7b706d0266d5.png)
![](https://s1.md5.ltd/image/4fa466fdf5dd2e6a83e983914a5e9e57.png)
프로그램을 입력합니다.
Hello.jsconst Hello = "Hello!";
for (let i = 0; i < 10; i ++ ) {
console.log(Hello);
}
Alt+F5 또는 Run 버튼을 클릭하여 실행합니다.
![](https://s1.md5.ltd/image/7d5c66bb71740e8748cda605f1d4e790.png)
결론
브라우저상에서 움직이기 때문에, 디바이스에 관계없이 코드를 쓰는 것이 있어, 보완 기능도 있으므로, 약간의 코딩으로부터 메인의 IDE로서도 사용할 수 있습니다. 여러 사람이 편집할 수 있으므로, 팀 개발이나 페어 프로에 적합하다고 생각합니다.
Reference
이 문제에 관하여(AWS Cloud9를 기존 인스턴스에서 사용), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/rockhopper-penguin/items/d5042b71230eb94955d0
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
탭의 + 마크에서 New File을 클릭합니다.
![](https://s1.md5.ltd/image/39e53458f7c9a2beb8ce3cd0dee658bc.png)
Ctrl+S 또는 File -> Save에서 다른 이름으로 저장합니다. 여기 Hello.js로 만들었습니다.
![](https://s1.md5.ltd/image/b7e7bcd2d0445ed3f9cc7b706d0266d5.png)
![](https://s1.md5.ltd/image/4fa466fdf5dd2e6a83e983914a5e9e57.png)
프로그램을 입력합니다.
Hello.js
const Hello = "Hello!";
for (let i = 0; i < 10; i ++ ) {
console.log(Hello);
}
Alt+F5 또는 Run 버튼을 클릭하여 실행합니다.
![](https://s1.md5.ltd/image/7d5c66bb71740e8748cda605f1d4e790.png)
결론
브라우저상에서 움직이기 때문에, 디바이스에 관계없이 코드를 쓰는 것이 있어, 보완 기능도 있으므로, 약간의 코딩으로부터 메인의 IDE로서도 사용할 수 있습니다. 여러 사람이 편집할 수 있으므로, 팀 개발이나 페어 프로에 적합하다고 생각합니다.
Reference
이 문제에 관하여(AWS Cloud9를 기존 인스턴스에서 사용), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/rockhopper-penguin/items/d5042b71230eb94955d0
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
Reference
이 문제에 관하여(AWS Cloud9를 기존 인스턴스에서 사용), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/rockhopper-penguin/items/d5042b71230eb94955d0텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)