안녕하세요. 구름 고객지원팀입니다!

구름IDE 사용자가 글로벌하게 증가하면서 사용법을 블로그에 작성하시거나 유튜브에 소개해주시는 분들도 함께 늘어나고 있답니다! 이런 좋은 정보들은 한 번 모아서 공유해드려야겠어요! (흐뭇😁)

감사하게도 구름IDE 활용법을 많은 분들께서 공유해주고 계시지만, 구름에서도 사용법을 꾸준히 작성해드릴 예정입니다.💙 그리하여! 지난 ‘구름IDE 시작하기1: 프로젝트 생성’에 이어 오늘은 ‘2: 레이아웃, 빌드 및 실행’을 배워보도록 하겠습니다.

컨테이너를 생성했으니, 이제 코드를 작성하고 실행을 해봐야겠죠?!


기능 안내는 새롭게 추가 중인 Modern(Beta)버전 기준입니다.



레이아웃

우선 레이아웃을 소개해드릴게요.

  1. 구름IDE에 파일/폴더를 관리하는 프로젝트 트리뷰(TreeView)입니다.
  2. 구름의 모든 기능에 접근할 수 있는 메인 메뉴와 메인 툴바입니다.
  3. 에디팅을 하는 워크스페이스 공간입니다.
  4. 프로젝트 빌드나 실행 관련 기능을 담은 하단 레이아웃입니다.

여기서 잠깐! 구름IDE는 기본 레이아웃을 기호에 맞게 자신만의 개발 환경으로 구성할 수 있다는 사실! 을 알고 계신가요? 혹시나 모르시는 분들을 위해 자세히 알려드리고 넘어갈게요. ^_^


2번 영역의 ‘’ 메뉴를 클릭하면 보이는 하위 메뉴에서 필요에 따라 사용하시면 됩니다. 단축키를 이용하면 더 편리하게 사용하실 수도 있구요.

  • 새 터미널 창 - Alt + Shift + T (Mac: ⌥⇧T) : 워크스페이스에 새 터미널 창을 생성합니다.
  • 이전 창 - Alt + Shift + [ (Mac: ⌥⇧[) : 워크스페이스에 여러 에디터가 열려있을 때, 현재 활성화된 창의 왼쪽 창을 활성화합니다.
  • 다음 창 -  Alt + Shift + ] (Mac: ⌥⇧]) : 워크스페이스에 여러 에디터가 열려있을 때, 현재 활성화된 창의 오른쪽 창을 활성화합니다.
  • 화면 구성: 구름IDE 인터페이스의 레이아웃을 숨기거나 보이게 합니다.^∨ < > 버튼을 누르거나 경계선을 잡고 끌어 조정할 수 있습니다.
상단 영역 보이기/숨기기 -  Alt + Shift + A (Mac: ⌥⇧A) : 상단(메뉴/툴바) 레이아웃을 보이게 하거나 숨깁니다.
왼쪽 영역 보이기/숨기기 - Alt + Shift + L (Mac: ⌥⇧L) : 좌측(프로젝트 탐색기) 레이아웃을 보이게 하거나 숨깁니다.
아래쪽 영역 보이기/숨기기 -  Alt + Shift + B (Mac: ⌥⇧B) : 하단 레이아웃을 보이게 하거나 숨깁니다.
기본 레이아웃: 구름IDE 레이아웃 구성을 기본값으로 되돌립니다.

  • 작업 공간 전환 - Alt + Shift + W (Mac: ⌥⇧W) : 좌측, 우측, 하단 레이아웃을 토글합니다. 현재 열려 있는 레이아웃은 닫고, 닫힌 레이아웃은 엽니다.
  • 수직으로 나누기 - Alt + Shift + V (Mac: ⌥⇧V) : 워크스페이스를 수직으로 분할합니다. 한 워크스페이스 당 최대 4개로 분할할 수 있습니다.
  • 수평으로 나누기 - Alt + Shift + H (Mac: ⌥⇧H) : 워크스페이스를 수평으로 분할합니다. 한 워크스페이스 당 최대 4개로 분할할 수 있습니다.
  • 작업 공간 닫기 - Alt + C (Mac: ⌥C) : 분할된 현재 워크스페이스를 닫습니다. 2개로 분할된 워크스페이스를 하나로 합칩니다.

기본 설정된 단축키는 설정 > 단축키에서 변경할 수 있습니다.


코드 작성

프로젝트 생성 후 왼쪽의 프로젝트 탐색기를 통해 파일 목록을 읽을 수 있습니다. 파일을 더블클릭하면 가운데 워크스페이스에 에디터 창이 뜨고, 이 에디터에서 코드를 편집할 수 있어요.

에디터가 편집이 이루어져 수정 상태가 되면 에디터 탭 맨 오른쪽에 * 표시가 생깁니다.


코드를 저장할 때는 1) 상단 툴바의 ‘저장’ 아이콘을 클릭, 2) 파일 > 저장, 3) 기본 단축키 Ctrl + S (Mac: ⌘S) 세 가지 방법으로 가능합니다.

다른 이름으로 저장할 때는 1) 상단 툴바의 ‘다른 이름으로 저장’ 아이콘을 클릭, 2) 파일 > 다른 이름으로 저장, 3) 기본 단축키 Ctrl + Shift + S (Mac: ⌘⇧S) 세 가지 방법이 있습니다.

'다른 이름으로 저장' 팝업 창에서 저장할 위치를 마우스나 방향키로 선택하고, 파일 이름을 입력한 후 '확인' 버튼을 누르면 프로젝트 탐색기가 갱신되고 해당 위치에 다른 이름으로 저장됩니다. 모두 저장하기 위해서는 파일 > 모두 저장 클릭하거나 기본 단축키 Alt + Ctrl + S (Mac: ⌥⌘S)를 누릅니다. 모두 저장하면 현재 열린 모든 에디터가 한 번에 저장됩니다.

저장이 완료되면 에디터 탭에 * 표시가 없어집니다. 실수로 에디터 저장을 하지 않고 구름IDE를 종료하여도, 다음 로그인시 저장하지 않은 내용을 복구할 수 있습니다.

편집 기능에 대해 자세히 살펴보려면 '에디터 도움말'에서 확인하실 수 있어요.

구름IDE 에디터 도움말


프로젝트 빌드

일반

C, C++, JAVA와 같은 언어는 코드 작성 후, 빌드를 해야 실행 파일을 얻을 수 있습니다.

빌드하기 위해서는 해당하는 프로젝트를 연 후 1) 상단 툴바의 빌드 아이콘을 클릭, 2) 프로젝트 > 빌드, 3) 기본 단축키 F5 세 가지 방법이 있습니다.

만약 빌드 명령어가 없을 경우에는 좌측 레이아웃 '명령어' 탭의 빌드 메뉴를 우클릭하여 추가할 수 있습니다.


Java 프로젝트의 빌드 결과입니다.

빌드를 시작하면 구름IDE의 하단 레이아웃에 빌드 명령어 이름의 탭이 생깁니다. 이 탭은 빌드 전용 터미널로서 빌드 명령 수행 결과가 나타납니다. ’종료’ 버튼으로 빌드를 정지할 수 있으며,  '초기화' 버튼으로 빌드 수행 내역을 지울 수 있습니다. 빌드된 바이너리 파일은 설정에 지정된 경로로 저장됩니다.

명령어 설정에 대한 자세한 설명은 '명령어 도움말'을 참고해주세요.

구름IDE 명령어 도움말

선택된 파일

좌측 레이아웃의 프로젝트 탭에서 파일 선택 후 우클릭하여 ‘빌드 > 선택된 파일 빌드’를 클릭하여 특정 파일(확장자, 파일 이름)을 빌드할 수 있습니다.

선택된 파일 빌드 가능한 확장자, 파일이름은 아래와 같습니다.

  • *.c, *.cpp, *.cxx
  • *.cs
  • *.go
  • *.java
  • *.jsp
  • pom.xml
  • *.swift
  • 그 외 파일은 기본 쉘 실행 방식인 `$ <파일 경로>`를 사용하여 실행합니다.



프로젝트 실행

어느 정도 프로젝트가 진행됐다면 실행하여 그 결과를 확인해 보세요.

프로젝트를 실행하기 위해서는 해당하는 프로젝트를 열어 1) 상단 툴바의 실행 아이콘을 클릭, 2) 프로젝트 > 실행, 3) 기본 단축키 Shift + F5 (Mac: ⇧F5) 세 가지 방법 중 선택합니다.

만약 실행 명령어가 없을 경우에는 좌측 레이아웃 '명령어' 탭의 실행 메뉴를 우클릭하여 추가할 수 있습니다. 기본 명령어는 언어, 프레임워크마다 추가할 수 있어요.

일반

프로그램을 실행을 하면 구름IDE 인터페이스 하단 레이아웃에 실행 명령어의 탭이 생깁니다. 이 탭은 실행 전용 터미널로서 실행 명령 수행 결과가 나타납니다. '초기화' 버튼으로 실행 명령 수행 내역을 지울 수 있으며, '종료' 버튼으로 프로그램을 종료시킬 수 있습니다. 이 터미널에서 결과를 출력하거나 입력값을 줄 수 있어요.


선택된 파일

좌측 레이아웃의 프로젝트 탭에서 파일을 선택 후 우클릭하여 ‘실행 > 선택된 파일 실행’을 선택하여 특정 파일(확장자, 파일 이름)을 실행할 수 있습니다.

일반 실행과 동일하게 '초기화', '종료' 버튼으로 터미널을 조작할 수 있습니다.


자! 이번 2탄에서는 코드를 작성하고, 빌드하여 실행하는 방법을 알아봤습니다. 위와 같은 일반 콘솔 실행 방법과 달리 PHP, JSP, Node.js와 같은 웹 서버를 필요로 하는 언어의 프로젝트는 실행하기 전에 도메인 주소를 등록해야 하는데요, 다음 3탄에서 바로 그 방법을 배워보겠습니다! URL을 설정하고 웹서비스로 실행하는 방법까지 함께 알아보도록 할게요😁

👉구름IDE 바로 시작하기👉구름IDE 도움말 확인하기