소개

기존 인스턴스를 사용하여 Cloud9를 구축합니다. Visual Studio Code의 Remote Development를 사용하여 EC2에 연결할 수 있지만 Cloud9라면 브라우저가 있으면 작동하므로 태블릿이나 ChromeBook 등에서도 코딩을 할 수 있도록 합니다.

인스턴스의 보안 그룹 변경

인바운드 규칙의 SSH에 Cloud9 IP 주소 18.179.48.128/27 18.179.48.96/27 허용합니다.

IP 주소 고정 (EIP를 할당하지 않은 경우)

EC2 대시보드의 네트워크 및 보안에서 Elastic IP를 선택합니다.

Elastic IP 주소 할당을 열고 할당을 클릭합니다.



검색된 IP 주소를 선택한 상태에서 작업에서 Elastic IP 주소 연결을 클릭합니다. 인스턴스가 선택되었는지 확인하고 인스턴스의 입력 상자를 클릭한 다음 사용할 인스턴스를 선택합니다.

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 환경을 구축합니다.



이름과 설명을 입력합니다. Description은 선택 사항입니다. 입력이 완료되면 Next step를 클릭합니다.



기존 인스턴스를 사용하므로 Environment type에서 Connect and run in remote server (SSH)를 선택합니다.

사용자에게 인스턴스의 사용자 이름, Host에 인스턴스의 IP 주소 또는 DNS를 입력합니다.



View public SSH key에서 Copy key to clipboard를 클릭하여 클립보드에 Cloud9 공개 키를 복사합니다.

인스턴스에 연결하고 ./.ssh/authorized_keys에 위에서 복사한 공개 키를 붙여넣습니다.



공개 키를 추가한 후 다음 단계를 클릭합니다.

Review가 표시되므로 Create environment를 클릭합니다.

Cloud9 설치

Can we quickly set up AWS Cloud9 on your environment? 가 표시되면 다음을 클릭하십시오.


The following components will be installed. You can untick any of the optional components. 가 표시되므로 모두 체크가 되어 있는 상태에서 Next를 클릭합니다.


Installing Cloud9 IDE 의 Do you want to install them now [Y/n] 가 표시되면 Enter 키를 누릅니다.


Installation Completed 라고 표시되면 설치 성공입니다. 다음을 클릭합니다.



마침을 클릭하여 Cloud9 사용을 시작합니다.

Cloud9를 사용해보기

탭의 + 마크에서 New File을 클릭합니다.



Ctrl+S 또는 File -> Save에서 다른 이름으로 저장합니다. 여기 Hello.js로 만들었습니다.





프로그램을 입력합니다.

Hello.js

const Hello = "Hello!";
for (let i = 0; i < 10; i ++ ) {
    console.log(Hello);
}

Alt+F5 또는 Run 버튼을 클릭하여 실행합니다.

결론

브라우저상에서 움직이기 때문에, 디바이스에 관계없이 코드를 쓰는 것이 있어, 보완 기능도 있으므로, 약간의 코딩으로부터 메인의 IDE로서도 사용할 수 있습니다. 여러 사람이 편집할 수 있으므로, 팀 개발이나 페어 프로에 적합하다고 생각합니다.