디버그

디버그 모드를 실행해 진행 중인 프로젝트의 에러를 찾을 수 있습니다. 현재 구름에서 디버그를 지원하는 프로그래밍 언어는 다음과 같습니다.

• C/C++

• JAVA

• Python

디버깅 모드(Debugging mode)

좌측 레이아웃의 [디버그] 탭에서 디버그 시작 버튼을 누릅니다.

기본 단축키 Alt + F5 (MAC: ⌥F5)를 누르면 최근 디버그 했던 프로젝트 디버그를 시작합니다. 디버그가 시작되면 디버그 터미널 창이 뜨게 되며, 이 창에서 디버그가 실행되고 있는 모습을 직접 확인하고 디버그 명령어를 입력할 수 있습니다.

1. 디버그 시작(Debug)

• 디버깅 모드를 시작합니다.

• 단축키: Alt + F5 (MAC: ⌥F5)

2. 디버그 계속(Continue)

• 다음 중단점으로 넘어갑니다.

• 단축키: Ctrl + Shift + Y (MAC: ⌘⇧Y)

3. 스텝 오버(Step Over)

• 현재 진행 중인 함수 내에서 다음 코드 줄로 이동합니다. 스텝 인과 비슷하지만 스텝 오버는 함수 호출시 멈추지 않습니다.

• 단축키: F6

4. 스텝 인(Step In)

• 현재 진행 중인 코드 내에서 다음 코드 줄로 이동합니다. 스텝 오버와 비슷하지만 스텝 인은 함수 호출시에도 멈춥니다.

• 단축키: F7

5. 스텝 아웃(Step Out)

• 선택된 스택이 리턴할 때까지 진행하고 리턴 값이 출력됩니다.

• 단축키: F8

6. 디버그 종료(Terminate)

• 디버깅 모드를 끝냅니다.

• 단축키: F4

에디터에서 노란색 하이라이팅을 통해 디버거가 읽고 있는 줄을 알 수 있으며, 좌측 레이아웃의 디버그 탭에서 지역 변수의 이름, 변수에 저장된 값, 변수의 타입 목록을 보여줍니다.

Node.js

Node.js 의 디버그 모드는 브라우저의 DevTools를 활용해야 합니다.

1. node 앱 실행 시 --inspect=0.0.0.0:9229 옵션을 붙여서 실행 ex) node --inspect=0.0.0.0:9229 app.js

2. 상단 메뉴 [컨테이너] - [포트포워딩 설정]에서 9229 포트를 추가해주고 IP와 외부 포트 복사

3. Chrome 브라우저의 새 탭을 열고 chrome://inspect 로 접속

4. Discover network targets 오른쪽의 Configure... 를 누르고 2번 단계에서 복사한 IP와 외부 포트를 [IP]:[외부 포트] 형식으로 입력하여 추가

5. Done을 눌러서 나온 뒤 하단 Remote Target에 리스트 된 node 앱을 확인하고 inspect를 눌러 디버그창 접속

중단점(Breakpoint)

중단점은 디버거가 소스 코드를 읽는 도중 잠시 멈추게 하여, 변수에 어떤 값이 들어가 있는지 확인할 수 있게 도와주는 도구입니다.

중단점을 설정하거나 제거하는 방법을 안내합니다.

• 멈추고 싶은 코드 줄 왼쪽 빈 공간을 클릭해서 중단점을 설정하거나 제거할 수 있습니다.

• [디버그] > [중단점 설정/제거]에서 중단점을 설정하거나 제거할 수 있습니다.

• 에디터에서 우클릭 후 [중단점 설정/제거]를 통해 중단점을 설정하거나 제거할 수 있습니다.

• 기본 단축키 Ctrl + B (MAC: ⌘ + B)를 누르면 중단점을 설정하거나 제거할 수 있습니다.

중단점으로 설정된 위치들의 목록을 좌측 레이아웃 [디버그] 탭 > 중단점에서 확인하실 수 있습니다.