VS Code 설치 및 GCP 연동하기

베하~

안녕하세요 3대 5000의 man, xoxo 입니다

지난 시간에는 windows에 git 설치 법을 알아보았는데요, 이번 시간에는 VS Code를 설치 후 GCP와 연동하는 방법에 대해 설명드리겠습니다.

Visual Studio Code란?

Visual Studio Code는 마이크로소프트 사에서 개발한 코드 편집이 가능한 에디터입니다. 문서 작업을 할 때 word를 사용하는 것처럼 코딩을 할 때는 VS Code와 같은 코드 편집 프로그램을 사용합니다.

 

🔍 Visual Studio와 Visual Studio Code는 같은가?

Visual Studio는 IDE(Intergrated Development Environment)입니다. IDE는 통합 개발 환경으로 개발과 관련된 모든 작업을 수행할 수 있는 공간이고 VS Code와 달리 내부적인 환경을 구축하지 않아도 사용이 가능합니다. 그러나 프로그램이 다소 무겁기 때문에 용량이 매우 크고 설치 과정도 복잡합니다.

 이제 VS Code 설치를 해보겠습니다.

 

VS Code 사이트에 접속해 주세요.

https://code.visualstudio.com/

 

사이트에 접속을 하면 다음과 같은 화면이 나타납니다. 빨간색 박스에서 자신의 운영체제에 맞는 옵션을 골라 다운로드하면 됩니다.

참조 : https://spartacodingclub.kr/blog/vscode

사이트를 참조하셔서 기타 나머지 설정을 하시면 개발하시는데 도움이 됩니다.

Visual Studio Code 설치 및 사용법(한국어팩, Live Server, 파이썬 설치, 단축키 설정)

 

그럼 VS Code도 설치를 했으니 GCP와 연동하는 방법에 대해 알아보도록 하겠습니다. 

Cloud Code 설치

Visual Studio Code Marketplace에서 Google Cloud Code 확장 프로그램을 설치합니다.

또는 VS Code에서 확장 프로그램 보기를 엽니다.

1.  확장 프로그램을 클릭하거나 Ctrl/Cmd+Shift+X를 누릅니다.
2. Google Cloud Code을 검색합니다.
3. 
4. 설치를 클릭합니다.
5. 메시지가 표시되면 VS Code를 다시 시작합니다.
6. 확장 프로그램이 설치된 후 Cloud Code 아이콘이 작업 표시줄에 추가되어 사용할 수 있습니다. 최상위 애플리케이션 작업 표시줄에서 코드 > 환경설정 > 설정 > 확장 프로그램 > Cloud Code를 사용해 환경설정을 지정하여 Cloud Code 설치를 추가로 구성할 수 있습니다.

Google Cloud에 로그인

위의 Cloud Code 설치 후 Google Cloud에 로그인하지 않았으면 다음 단계에 따라 로그인합니다.

1. Cloud Code 상태 표시줄에서 Cloud Code - 로그인을 클릭합니다.
2. IDE에서 Google Cloud에 처음 연결하는 경우 신뢰할 수 있는 도메인에 https://accounts.google.com을 추가하라는 메시지가 표시됩니다. 표시되는 대화상자에서 신뢰할 수 있는 도메인 구성을 클릭합니다.
3. 
4. 안내에 따라 웹브라우저를 사용하여 로그인합니다.
5. Cloud Code에서 Google 계정에 액세스하도록 허용하라는 메시지가 표시되면 허용을 클릭합니다.

 

Google Cloud에서 로그아웃

그렇다면 로그아웃은 어떻게 할까요? Cloud Code를 클릭한 다음 고객센터를 펼칩니다.

1. Google Cloud에서 로그아웃을 클릭하고 메시지가 표시되면 로그아웃을 선택합니다.
2. 또는 명령어 팔레트를 사용하여 로그아웃할 수 있습니다. Ctrl/Cmd+Shift+P를 누르거나 보기 > 명령어 팔레트를 클릭한 다음 Google Cloud SDK의 모든 계정에서 로그아웃합니다.

 

활성 Google Cloud 프로젝트 변경

1. Cloud Code 상태 표시줄에서 활성 프로젝트 이름을 클릭합니다.
2. 
3. 표시되는 빠른 선택 메뉴에서  프로젝트 전환을 선택합니다.
4. 프로젝트를 선택하거나 검색창에 프로젝트를 입력하여 프로젝트를 필터링합니다.

 

로컬에서의 애플리케이션 디버깅을 위한 사용자 인증 정보 인증

위에서 알아본 Google Cloud에 로그인 섹션의 인증 단계 외에도 Google API 호출을 수행하는 IDE에서 로컬로 애플리케이션을 디버깅하도록 사용자 인증 정보를 인증해야 합니다.

애플리케이션 디버깅을 위해 사용자 인증 정보를 인증하지 않으면 Google API 호출을 시도하는 로컬 애플리케이션을 실행/디버깅하려고 시도할 때 IDE에 오류 메시지가 표시됩니다.

로컬에서 애플리케이션을 디버깅하기 위해 사용자 인증 정보를 인증하려면 다음 단계를 수행하세요.

1. 아직 머신에 gcloud를 설치하지 않았다면 설치합니다.
2. 다음 명령어를 실행합니다.

   gcloud auth application-default login
   

3. 로컬에서 디버깅을 완료하면 다음 명령어를 실행하여 로그아웃할 수 있습니다.

   gcloud auth application-default revoke
   

애플리케이션 기본 사용자 인증 정보와 Google API에 대한 자세한 내용은 클라이언트 라이브러리를 사용하여 Cloud 서비스에 인증을 참조하세요.

 

자세한 내용은 아래 링크에서 확인하시면 됩니다~

https://cloud.google.com/code/docs/vscode/install?hl=ko 

VS Code용 Cloud Code 확장 프로그램 설치  |  Google Cloud

 

이 글을 통해 VS Code 설치 및 GCP 연동을 하여 업무에 잘 사용하시면 좋을 것 같습니다 ~