연습 - 코드 CLI에서 원격 터널 사용

  • 6분

이 연습에서는 다음 작업을 수행하는 방법을 알아봅니다.

  • 코드 CLI를 통해 터널을 만들고 사용합니다.
  • 작업하려는 원격 컴퓨터에 코드 CLI를 설치합니다.
  • 코드 CLI를 사용하여 Visual Studio Code 클라이언트와 원격 컴퓨터 사이에 터널을 설정합니다.

Visual Studio Code 다운로드 창이나 명령 프롬프트를 통해 코드 CLI를 가져올 수 있습니다.

Visual Studio Code 다운로드 창에서 코드 CLI를 가져옵니다.

  1. Visual Studio Code 다운로드 창으로 이동합니다.

    다운로드 창의 스크린샷.

  2. 운영 체제의 코드 CLI를 다운로드하여 TestCLI 디렉터리로 추출합니다.

    1. 파일을 다운로드한 후에 압축 파일이 있다는 것을 알 수 있습니다.

    압축된 파일의 스크린샷

    1. 파일을 두 번 클릭하여 TestCLI 디렉터리로 추출하면 코드 파일이 표시됩니다.

    추출된 코드 파일의 스크린샷.

  3. 터미널에서 TestCLI 디렉터리로 이동합니다.

터미널을 통해 코드 CLI를 설치하고 압축 해제합니다.

사용자 인터페이스나 Visual Studio Code 다운로드 창을 사용할 수 없는 경우 터미널을 사용하여 코드 CLI를 설치할 수 있습니다. TestCLI 폴더를 만든 후 다음 명령을 사용하여 터미널의 TestCLI 디렉터리 내에서 코드 CLI를 설치합니다.

 curl -Lk 'https://code.visualstudio.com/sha/download?build=stable&os=cli-alpine-x64' --output vscode_cli.tar.gz

tar -xf vscode_cli.tar.gz

보안 터널 만들기

  1. 다음 명령을 실행하여 이 컴퓨터에서 Visual Studio Code 서버를 다운로드하고 시작한 후 해당 서버에 대한 터널을 만듭니다.

    code tunnel --accept-server-license-terms

  2. 제공된 링크와 코드를 복사하여 저장합니다.

    코드를 사용하여 클라이언트에 로그인하는 링크의 스크린샷.

  3. 클라이언트에서 이전에 저장된 링크를 웹 브라우저에서 열고 터미널에 제공된 코드를 입력합니다. 계속을 선택하여 활성화합니다.

    디바이스 활성화 창의 스크린샷.

  4. 계속을 선택하여 인증합니다.

    Single Sign-On 창의 스크린샷.

  5. 권한 부여를 선택합니다.

    인증 창의 스크린샷.

  6. 성공을 나타내는 축하 메시지가 표시됩니다.

    확인 스크린샷

    코드 CLI는 vscode.dev과 같이 이 원격 컴퓨터에 특정한 https://vscode.dev/tunnel/<machine_name>/<folder_name> URL을 출력합니다. 클라이언트에 대한 터널 링크의 스크린샷

    이 프로세스를 통해 터널링 서비스에 대해 인증받고 지정된 원격 컴퓨터에 액세스할 수 있는지 확인할 수 있습니다.

  7. 선택한 클라이언트에서 URL을 엽니다.

  8. [원격 - 터널 확장] 확장에 로그인 권한을 부여하려면 [허용 ]을 선택합니다.

    원격 - 터널 확장 프로그램에 로그인 권한을 부여하는 스크린샷.

  9. 예, 작성자를 신뢰하여 폴더에 대한 액세스 권한을 부여합니다.

    프롬프트의 스크린샷 예, 작성자를 신뢰합니다.

  10. 코딩을 시작합니다!

    코드 스크린샷.