기본 편집기 개요

Cloud Workstations에는 애플리케이션 작성, 빌드, 테스트, 디버그, 실행을 도와주는 기본 편집기가 포함되어 있습니다. 기본 편집기는 Code-OSS 오픈소스 프로젝트를 기반으로 하며, Open VSX Registry와 함께 제공되는 IDE 확장 프로그램을 지원하고, Cloud Code IDE 확장 프로그램이 사전 설치되어 있습니다.

Cloud Workstations 기본 편집기를 사용하려면 다음 안내를 따르세요.

  1. 빠른 시작 안내에 따라 워크스테이션 구성을 만듭니다. 환경 맞춤설정을 선택하라는 메시지가 표시되면 코드 편집기로 코드 OSS(기본값)를 선택합니다.
  2. 빠른 시작 안내에 따라 바로 전에 만든 구성을 사용해서 워크스테이션을 만듭니다.

  3. Google Cloud 콘솔에서 Cloud Workstations 페이지로 이동하고 브라우저에서 워크스테이션을 실행하세요.

    Cloud Workstations로 이동

작업 표시줄

작업 표시줄이 측면에 표시되고 Cloud Workstations 기본 편집기에서 제공되는 보기에 액세스할 수 있습니다. 이러한 작업 표시줄 보기는 다음과 같습니다.

  • 탐색기: 현재 작업공간의 폴더와 파일을 볼 수 있습니다.

  • 검색: 문자열 또는 정규 표현식이 있는 파일을 검색합니다.

  • 소스 제어: Cloud Workstations 기본 편집기의 Git 지원으로 애플리케이션 파일을 관리합니다.

  • 디버그: 중단점을 설정하고 변수를 검사하여 애플리케이션을 디버깅합니다.

  • 확장 프로그램: IDE에 기능을 추가하는 확장 프로그램 카탈로그를 검색합니다.

  • Cloud Code: IDE에서 직접 Google Cloud 애플리케이션을 만들고 배포합니다.

  • 설정: 워크플로에 맞게 Cloud Workstations 기본 편집기를 맞춤설정합니다.

파일 보기 및 수정

기본 제공 코드 편집기로 파일 디렉터리를 검색하고 워크스테이션 내에서 파일을 보고 수정할 수 있습니다.

기본 편집기로 작업하려면 다음 단계를 수행합니다.

  1. 작업 표시줄을 사용해서 각 보기로 전환합니다.

  2. 편집기를 사용해서 파일을 보고 수정합니다.

  3. 탐색기 보기를 사용해서 파일 디렉터리를 찾아보고, 파일을 업로드 및 다운로드하고, Cloud Workstations 가상 머신 인스턴스에서 웹 애플리케이션을 미리보고, 사용 통계를 확인합니다.

    그림 1. Cloud Workstations 기본 편집기

파일 및 디렉터리 업로드 및 다운로드

코드-OSS 탐색기 보기에서 파일 및 디렉터리를 업로드하거나 다운로드하려면 다음 방법 중 하나를 사용합니다.

  • 탐색기 뷰로 파일을 드래그하여 작업공간에 추가합니다.

  • 사용하려는 파일 및 디렉터리로 이동하고, 마우스 오른쪽 버튼으로 클릭한 후 업로드 또는 다운로드를 선택합니다.

    그림 2. 탐색기 보기를 마우스 오른쪽 버튼으로 클릭하여 파일 업로드 및 다운로드

언어 지원

Cloud Workstations 기본 편집기는 Go, Python, Java, .NET Core, Node.js와 같은 언어를 지원하고, 다음과 같은 언어 기능을 제공합니다.

  • 스마트 강조표시, 코드 제안, 컨텍스트 기반 완료
  • 상세한 오류 린트 작업 및 제공
  • 코드 탐색(정의, 선언, 참조, 구현으로 이동)
  • 직관적인 디버깅 지원

Cloud Code 통합

Cloud Code는 샘플 애플리케이션을 사용한 새 애플리케이션 생성 및 맞춤설정부터 완성된 애플리케이션 실행에 이르기까지 Kubernetes 및 Cloud Run 애플리케이션의 전체 개발 주기에 대한 IDE 지원을 제공합니다. 또한 Cloud Code는 실행 가능한 샘플, 구성 스니펫, 맞춤형 디버깅 환경을 함께 지원합니다.

Cloud Code는 AI 기반 공동작업자인 Gemini와 통합되어 개발을 간소화합니다. Gemini를 사용하여 작업을 보다 효과적이면서도 효율적으로 수행하세요.

Cloud Code는 Node.js, Python, Java, Go, .NET Core에서 애플리케이션 개발을 지원합니다.

Cloud Workstations의 상태 표시줄에 제공되는 Cloud Code 메뉴 외에도 명령어 팔레트를 통해 Cloud Code 명령어에 액세스할 수 있습니다. 명령어 팔레트를 열려면 Control+Shift+P(macOS의 경우Command+Shift+P)를 누르거나 보기 > 명령어 팔레트를 클릭합니다.

버전 제어 지원

Cloud Workstations 기본 편집기는 사전 구성된 버전 제어와 함께 제공됩니다. 저장소, 파일 상태 간의 차이점, 스테이징, 스테이징 해제, 커밋 변경사항을 초기화할 수 있습니다. 워크스테이션에서 저장소에 액세스할 수 있는 한 공개, 비공개 또는 자체 호스팅 저장소도 사용할 수 있습니다.

작업공간 관리

Cloud Workstations를 사용하면 프로젝트를 작업공간으로 관리하고 구성할 수 있습니다. 작업공간은 일반적으로 루트 프로젝트 폴더를 나타냅니다. Cloud Workstations 기본 편집기에서는 작업공간을 만들고 열고 저장할 수 있을 뿐만 아니라 프로젝트별 설정으로 맞춤설정할 수도 있습니다.

폴더를 작업공간으로 열려면 작업 표시줄 맨 위에 있는 메뉴를 사용하고 파일 > 폴더 열기를 선택합니다. 또는 기본 편집기의 시작 페이지에서 파일 열기 또는 최근 작업공간 옵션을 사용하거나 URL 매개변수 folder를 사용하여 열려는 폴더의 경로를 지정할 수 있습니다(예: &folder=/home/user/foo).

디버그 애플리케이션

Cloud Workstations를 사용하면 Go, Node.js, Python, 자바 애플리케이션을 지원하는 방식으로 애플리케이션을 디버깅할 수 있습니다. Cloud Workstations 내에서 실행 구성을 만들고, 중단점을 설정하고, 변수를 검사할 수 있습니다.

또한 로컬 클러스터(예를 들어 minikube 또는 Docker Desktop)에서, 또는 GKE나 다른 클라우드 제공업체의 원격 클러스터에서 Kubernetes 앱을 디버깅할 수 있습니다.

통합 터미널

통합 터미널을 통해 기본 개발 환경과 상호작용할 수 있습니다. 다음 방법을 사용해서 터미널 보기를 설정하거나 해제합니다.

  • Control+를 누릅니다.
  • Control+Shift+P(macOS의 경우 Command+Shift+P)를 누르거나 보기 > 명령어 팔레트를 클릭한 후 View: Toggle Terminal을 입력합니다.
  • 터미널 > 새 터미널을 선택합니다.
  • 보기 > 터미널을 선택합니다.
  • 터미널 탭 목록에서 add추가를 클릭합니다.

여러 터미널 창을 열려면 분할을 클릭하거나 Control+Shift+5를 누릅니다.

워크스테이션 코드 편집기
그림 4. 터미널이 열려 있는 Cloud Workstations 인터페이스

터미널 탭 관리 및 맞춤설정

여러 터미널을 열면 터미널 탭 목록이 터미널 보기 측면에 표시됩니다. 이 목록에는 열린 터미널 이름이 포함됩니다.

  • 목록에서 터미널 이름을 선택하면 분할 삭제 아이콘이 표시됩니다. 터미널 창을 분할하거나 삭제하려면 각 아이콘을 클릭합니다.

  • 터미널을 편집기 영역으로 이동, 이름 바꾸기, 색상 변경, 아이콘 변경 등의 추가 터미널 옵션을 보려면 터미널 이름을 마우스 오른쪽 버튼으로 클릭합니다.

    터미널 탭 목록
    그림 5. 터미널 맞춤설정

디스플레이 스크롤

브라우저 포커스가 세션 탭에 있는 동안에는 마우스를 사용하는 것 외에도 Windows 및 Linux의 경우 Control+Shift+PageUpControl+Shift+PageDn을 눌러서 스크롤할 수 있습니다(macOS의 경우 Fn+Shift+UpFn+Shift+Down).

맞춤 설정

편집기, 사용자 인터페이스, 기능 동작을 맞춤설정하기 위해 Cloud Workstations 기본 편집기는 설정 정의를 위해 다음 범위를 제공합니다.

  • 머신 설정: Cloud Workstations 가상 인스턴스에 연결할 때 전역으로 적용되고 $HOME/.codeoss-cloudworkstations/data/Machine/settings.json 파일에서 워크스테이션에 표시되는 설정입니다.

  • 사용자 설정: Cloud Workstations 가상 인스턴스에 연결할 때 전역으로 적용되고 각 워크스테이션 인스턴스에 대해 브라우저 저장공간에 유지되는 설정입니다.

  • 작업공간 설정: 작업공간을 열 때만 적용되는 작업공간 내부에 저장되는 설정입니다. 이러한 설정은 $WORKSPACE_ROOT/.vscode/settings.json 파일의 작업공간 파일에 표시됩니다.

편집기는 각 설정 범위를 각각 평가합니다.

단축키

기본 편집기가 브라우저에서 실행되기 때문에 일부 키보드 단축키는 브라우저에서 예약된 것일 수 있으며 편집기에서 캡처되지 않습니다.

모든 키보드 단축키를 지원하기 위해 기본 편집기는 편집기가 이러한 단축키를 캡처할 수 있도록 허용하는 프로그레시브 웹 앱(PWA)을 번들로 포함합니다.

PWA를 사용하려면 다음 안내를 따르세요.

  1. 브라우저에서 워크스테이션을 엽니다.
  2. 브라우저의 주소 표시줄에 표시되는 설치 아이콘을 클릭합니다.

그러면 PWA가 설치되고 워크스테이션이 PWA에서 다시 열립니다. 이후에 워크스테이션을 로드하면 PWA에서 워크스테이션을 다시 여는 옵션이 브라우저의 주소 표시줄에 표시됩니다.