웹(Cloud) IDE 비교 자료입니다. 상용/오픈소스 웹 IDE에 대한 주요 특징과 스크린샷 위주로 구성이 되어있습니다. 글로 푼 자료는 http://nnoco.tistory.com/258 에 올려두었습니다.

1. Web(Cloud) IDE 비교
이준영
h#p://nnoco.+story.com

2. 상용 Web IDE

4. 상용 Web IDE 공통 기능
• 프로젝트(파일) 관리
• 워크스페이스 제공
• 프로젝트 템플릿 제공
• 파일 업로드/다운로드
• 프로젝트 내보내기/가져오기
• 편집기(문법 검사,
코드 하이라이팅,
자동 완성 등)
• 자동 저장 및 리비전(SCM과는 별개)
• 개발,
빌드 및 실행을 위한 VM(Container)
제공
• 협업
• 프로젝트 공유/멤버 관리
• IDE내 메신저
• 동시 협업 코딩 등
• SSH
터미널 제공 (대부분 sudo
명령어 지원)
• 형상관리 연동(Git/Mercurial/SVN)
• UI 사용자화(창,
창 분할,
테마 사용자화 등)

5. 실행(테스트) 환경 관련
• VM(Container)
기반 워크스페이스
• 실행 및 빌드 시에만 VM(Container)
생성
• 웹 서비스 테스트를 위한 호스팅(Public
URL)
제
공
• 배포는 별도

6. • Docker
기반 컨테이너 제공
• 프로젝트 실행 시에만 컨테이너(Runner) 동작
• 프로젝트 실행 시 웹 SSH
Terminal을 통해 접속 가능
• 웹 UI를 통한 데이터베이스 연동
• 언어 지원 :
C/C++,
Javascript,
Java,
PHP,
Python,
Ruby
• 템플릿 프로젝트 제공
• 언어별 빌드툴에 대한 빌더 인터페이스 제공
• 언어별 다양한 실행환경 제공
• 형상관리 제공(Git,
Subversion)

9. ※ 현재 Runner 구성으로 Custom Runner 생성 가능
Android
4.2.2
+
VNC
+
Java
7
Android
4.3.1
+
VNC
+
Java
7
Android
4.4.2
+
VNC
+
Java
7
Apache
2
Apache
2.4
+
MySQL
14.14
+
PHP
5.6
C++
Cassandra
DB
2.0
+
Java
7
Codenvy
CLI
+
Java
7
Couchbase
3.0.1
+
Java
7
Django
+
Python
2.7
GlassFish
4.0
+
Java
7
Go
Console
1.3
Go
Web
1.3
Google
App
Engine
SDK
1.9.14
+
Java
7
Google
App
Engine
SDK
1.9.14
+
PHP
5.6
Google
App
Engine
SDK
1.9.14
+
Python
2.7
RiakDB
1.4
+
Java
7
Ruby
2.1
Tomcat
7.0
+
Java
7
TomEE
1.5
+
Java
7
Google
App
Engine
SDK
1.9.19+
Java
7
Google
App
Engine
SDK
1.9.19
+
PHP
5.6
Google
App
Engine
SDK
1.9.19
+
Python
2.7
Google
App
Engine
SDK
1.9.14,
Python
2.7
Grun
0.4
+
Node.js
0.10
+
Angular
JS
1.2
Gulp
3.8
+
Node.js
0.10
+
Angular
JS
1.2
Java
7
JBoss
7.1
+
Java
7
Je#y
9.2
+
Java
7
MongoDB
2.6
+
Java
7
MySQL
5.5
+
Java
7
Neo4j
2.1
+
Java
7
NuoDB
2.0
+
Java
7
Play
1.2
+
Java
7
PostgreSQL
9.3
+
Java
7
Python
2.7
Python
3.4
Qt4
+
C++
Rails
4.0
+
Ruby
2.1
Virgo
3.6
+
Java
7
VNC
+
Java
7
Codenvy 실행환경(Runner)

17. • 형상관리 시스템에 밀접하게 연동
• 프로젝트 생성 시 형상관리 시스템을 먼저 선택
• UI상에서 Package
management
제공
• npm,
pip,
bower
등
• 개발용 데이터베이스 제공
• Heroku
개발 특화
• Heroku
앱 템플릿 제공(Node,
Django)

24. • VM
기반 -­‐
VM에 대한 Public
IP
제공
• 편집기 위주의 화면 구성
• 빌드,
테스트 등은 터미널을 통해 명령어/스크립트로 수행
• 그림판(Drawing
Board)
편집기 제공
• 메신저(개인 Direct
Message/채널)
• 채널의 경우 Public,
다른 사용자들과 의견 공유
• VM
관리
• VM
Spec,
Disk
Usage,
Domain,
VM
Share,
Snapshot,
..
• 외부 VM
사용 가능 –
해당 VM에서 셋업 스크립트 실행

30. • 컨테이너,
FTP/SFTP/SSH,
Git/
스토리지 서비스를 통해 프
로젝트 생성 및 파일 관리 가능
• 자체 제공 컨테이너 :
언어 및 프레임워크별 이미지 제공
• Github/Bitbucket
연동 또는 Git
URL
• 3rd
Party
스토리지 서비스 :
Amazon
S3,
Dropbox,
Google
Drive
• 프로젝트 템플릿은 제공하지 않음
• 컨테이너의 언어(프레임워크)
스택에 따라 웹 서버 실
행
• 스택에 필요한 패키지 설치 후 커스텀 스택으로 저장
• 협업은 다른 사용자에게 프로젝트를 공유 기능 지원
• 프로젝트/컨테이너 등의 설정은 JSON
형식의 파일을 직
접 수정

34. • 컨테이너 베이스
• REPL(Javascript)
제공
• WAS에 대한 로그 콘솔 제공
• 로컬 IDE와 유사한 수준의 디버깅 제공
• 컨테이너 리소스 모니터링 및 프로세스 관리 가능
• HTML
페이지,
마크다운,
이미지 파일 등의 프리뷰 지원

39. 전화번호 인증 불가..

43. • 국내 웹 IDE
• 컨테이너 기반(Amazon
EC2
Container)
워크스페이스
• *.goorm.io
/
*.compute.amazonaws.com
Public
URL
제공
• Java
교육용 컨텐츠(예제/템플릿) 제공
• 로컬 IDE와 유사한 수준의 디버깅 기능 제공
• Git/Subversion
연동 (불안정)
• 문서뷰어 제공(Slideshare.net,
PDF)
• 작업 내역(리비전)
기록 및 해당 리비전에 대한 작
업 내역 재생 기능

50. 오픈소스 Web IDE

51. 오픈소스 Web IDE 목록
• Eclipse
Che
• Eclipse
Orion
• Eclipse
Dirigible
• Eclispe
Flux
• Codebox
• Codiad
(프론트엔드 언어만)

53. Eclipse Che
• Codenvy에서 이클립스 재단에 기여
• Codenvy에서 제공하는 대부분의 기능 제공(UI
포함)
http://www.eclipse.org/che/

54. Eclipse Orion
• CloudFoundry
와 연동
• 편집 기능 제공
• Git
연동
• Shell
제공 (지정된 명령어만 사용가능)
• Public
URL
제공
• manifest.yml
편집 및 유효성 검사 기능 제공

64. Eclipse Dirigible
• SAP에서 이클립스 재단에 기여
• Perspec+ve를 통한 화면 구성
• Database,
Debug,
Generic,
Registry,
Repository,
Worksp
ace,
Help
• Sandbox를 통한 호스팅 제공
• 데이터베이스 스키마 편집 Perspec+ve
제공
• Plugin
Lazy
Load
• 전체적으로 UI
반응성이 떨어짐
• UI
구성이 일반적인 IDE와 차이가 있음
http://www.dirigible.io/index.html#about

72. Codebox
• 테스트 서버 현재 회원가입 제한 상태..
• Node.js
기반,
Apache
라이센스
• Java,
Python,
Ruby,
Go
등의 언어 지원
• 개발 중지된 것으로 보임(마지막 커밋 7개월 전
)
https://www.codebox.io

74. Scenario
• 자바 웹 애플리케이션 개발 및 배포
• 빌드 도구 :
Maven
• 의존성 관리 이슈 –
외부 Lib,
다른 Project
연결
• Classpath
관리
• 형상관리 :
Git
(Internal/External)
• Run
Configura+on
–
VM
옵션,
Run+me
Env,
etc,.
• 배포 대상 :
Open
PaaS(CF)
Run+me
• 서비스팩 바인딩?
• 애플리케이션 관리(속성)

75. 기타/참고사항
• UI
상에서 사용자에게 지원하지 않는 기능의 일
부는 터미널을 통해 필요한 것을 설치하거나
사용할 수 있음
• 배포 시 Target
Space
지정?
• 하나의 프로젝트를 다른 Target
Space에 배포할 경우
• 개별 프로젝트에서 하나의 Remote
Git
Repository
설
정으로 해결 가능
• Service/Applica+on
관리

76. IDE
사용자 인터페이
스
모니터링/감사
관리
사용자 인터페이
스
자원/사용자/프로
젝트 관리
파일 관리
/리비전
언어 확장
(프레임워크
/빌드 툴 등)
UAA
연동
(사용자 인증/권한
)
협업
CF
연동
(서비스팩/애플리
케이션/배포)
형상관리 연동
개발(테스트/빌드)
환경