Cloud IDE
Codenvy
사용해 보자!

요즘 아주 핫한 Cloud IDE를 설명해볼께요.
Cloud IDE: 클라우드IDE라고 합니다.
어떤 때 사용하나 흐음…
(저도 아직 공부 중이라서, 설명이 틀리거나, 이상한 정보를 전달 할 수도 있습니다.)

여러 개발환경이 필요하거나, Local이 아닌 Cloud에서 개발을 하고 싶을 때 사용합니다.

간단하게 “웹 브라우져에서 개발을 할 수 있다.” 이 얘기입니다.

PHP로 개발하다가 갑자기 Python 개발 환경이 필요하고
또 다른 작업을 node.js 로 하다보면 금방 모듈이 꼬이고, 지저분 해지는데요.
이럴 때 Docker를 사용하기도 하는데 더 간편한 방법이 Cloud IDE입니다.

여러 Cloud IDE가 서비스되고 있고,
우리나라에서 서비스중인 구름IDE, 해외에서 유명한 Cloud9
그리고 제가 소개할 Cloud IDE는 Codenvy입니다.

Codenvy를 선택한 이유는
Cloud9는 512MB의 메모리,
구름IDE는 1GB의 메모리를 제공하지만
Codenvy는 무려 3GB의 메모리를 무료로 사용할 수 있습니다.

Cloud9에서 무거운 앱을 돌리려고 하니 메모리 부족으로 자꾸 컨테이너가 죽어서 Codenvy로 이동하였습니다.

기존 제가 사용하던 Visual Code 개발 화면과
Codenvy의 개발 화면을 비교해보면 기능적으로 크게 차이가 나지 않습니다.

Visual Studio Code IDE
Codenvy IDE
Codenvy IDE

Codenvy 간단 실행 – Node.js

간단하게 가입 후,
Dashboard를 보면 밑에 Workspace를 만들 수 있는 버튼(Create Workspace)이 있어요.

Codenvy Dashboard

눌러보면 아래 이미지처럼 나타납니다.
간단하게 node.js hello world를 만들어 보면
Node 선택 -> Add or Import Project 선택 -> nodejs-hello-world 선택 -> Add 버튼 클릭

Add를 한 후 마지막으로 Create를 누르면 Node.js Workspace 생성 끝

IDE를 살펴보면 Sample Node.js Hello World가 생성되어있어요.
한번 실행시켜보면(위에 Play 버튼)

node.js workspace

밑에 Preview에 임시 주소(http://node24.codenvy.io:55390)를 클릭하면 웹브라우져에서 Hello World! 화면을 볼 수 있습니다.

간단하게 Cloud IDE: Codenvy를 알아봤습니다.
다음에는 Codenvy로 WordPress plugin 개발 환경을 만들어볼께요.

Facebook Comments
%d 블로거가 이것을 좋아합니다: