간단하게 프로그래밍 할수 있는 Cloud9 활용하기

막상 프로그래밍 공부 해야지 하다보면 귀찮아 하는 마음과 함께 피로가 온다.

한번 해볼까? 하며, 노트북 앞에 앉아 있어도, 귀찮아 하는 마음과 함께 핸드폰 게임을 킨다. 대부분 비슷하지 않을까.. 한다.

설명 하려고 하는 Cloud9 은 IDE (Integrated development environment) 환경을 cloud 로 제공 한다.

Cloud9 (https://c9.io/) 공식 페이지에는 아래와 같은 소개 글이 있다.

클라우드 개발 환경을 제공 하며, 파워풀한 온라인 코드 편집기와 더불어 전체 우분투 작업 공간을 제공 한다. 

실제로 위와 같은 환경을 구축 하기 위해서는 보통 아래의 절차를 따른다.

1. 데스크랍 준비, 가상OS 를 설치 할수 있는 VirtualBox (https://www.virtualbox.org/) 준비 둘중 한가지 선택
2. Ubuntu (http://www.ubuntu.com/) 다운로드 후 설치
3. 개발 환경 IDE 구축 

만약 자신이 부지런 하다면 직접 환경을 구축 하자.

아니라고 한다면 Cloud9 를 한번 써보자.

처음 방문 하는거라면 SIGN UP 버튼을 클릭 하여 가입을 하자.

위는 가입 화면이다. 오래전에 가입 했을 때에 비해 화면이 심플하게 바뀌어 있다. 정보를 입력하고 가입해 보자.

오른쪽 Switch to a Premium account? 프리미엄 버전은 좀더 활용도가 높다. 취향에 따라 선택 하도록 한다.

가입이 완료 되었다면, SIGN IN 버튼을 클릭 하여 로그인 하자.

로그인 성공 시 기본적으로 제공 하는 화면이다. Dashboard 비슷한 느낌이다. 필요에 따라 Github, Bitbucket 연계가 가능하니 필요 하다면 사용하자.

샘플 프로젝트를 만들어 보자. CREATE NEW WORKSPACE 초록색 버튼을 클릭 하자. 

기본적으로 10가지 언어 환경을 제공 한다. HTML5 를 선택 > CREATE

sample 프로젝트가 생성 되었다. START EDITING 초록색 버튼을 클릭 하자.

여기 까지 왔다면, HTML5 를 개발할수 있는 통합 IDE 개발 환경이 완료 되었다. 

왼쪽은 파일들을 볼수 있는 네비게이션, 오른쪽 하단은 우분투 작업 공간, 오른쪽 상단은 코드 편집기 기능이 되겠다. 

hello-world.html 페이지를 구경 하자. Run 버튼을 클릭하여 서버 On

오른쪽 하단에 테스트 할수 있는 주소 https://sample-c9-whitelife.c9.io/hello-world.html 와 함께 서버가 시작 되었다. 이제 테스트 페이지를 확인하자.

드디어 hello, world! 와 만났다. 기본적인 환경은 갖추었다.

간단하게 Study 하는 용도나, Group Study 시에도 간편하게 사용할 수 있다는 생각이 든다. 

장소에 제약 없이, 기본적으로 코드 편집기 기능 이외에 우분투 작업공간도 제공되기 때문이다. 

이제부터 친해지는 시간을 자주 가져봐야 겠다.