연습 - 환경 설정

  • 4분

중요

이 연습을 수행하려면 사용자의 Azure 구독이 필요하며 요금이 발생할 수 있습니다. Azure 구독이 아직 없는 경우 시작하기 전에 체험 계정을 만듭니다.

장난감 회사의 웹 사이트 파이프라인 작업을 시작하려면 먼저 환경을 구성해야 합니다. 이 섹션에서는 이 모듈의 나머지 부분을 완료할 수 있도록 Azure 및 Azure DevOps 환경을 설정합니다.

목표를 달성하기 위해 다음을 수행합니다.

  • 이 모듈의 Azure DevOps 프로젝트를 설정합니다.
  • 프로젝트의 리포지토리를 컴퓨터에 복제합니다.
  • Azure에서 리소스 그룹을 만듭니다.
  • Azure Pipelines에서 서비스 연결을 만듭니다.

Azure DevOps 프로젝트 가져오기

여기서는 Azure DevOps 조직이 이 모듈의 나머지 부분을 완료하도록 설정합니다. Azure DevOps에서 프로젝트를 만드는 템플릿을 실행하면 됩니다.

이 학습 경로의 모듈은 진행 과정을 구성합니다. 학습 목적을 위해 각 모듈에는 연결된 Azure DevOps 프로젝트가 있습니다.

팁

학습 경로에서 이전 모듈을 완료했더라도 다음 지침에 따라 새 프로젝트를 만들고 새 이름을 지정하세요.

템플릿 실행

Azure DevOps 프로젝트를 설정하는 템플릿을 실행합니다.

템플릿 실행

Azure DevOps Demo Generator 사이트에서 다음 단계를 수행하여 템플릿을 실행합니다.

  1. 로그인을 선택하고 사용 약관에 동의합니다.

  2. Create New Project 페이지에서 Azure DevOps 조직을 선택합니다. 그런 다음, 프로젝트 이름(예: toy-website-test)을 입력합니다.

    Azure DevOps 데모 생성기를 통해 프로젝트를 만드는 방법을 보여 주는 스크린샷

  3. Create Project를 선택합니다.

    템플릿을 실행하는 데 몇 분 정도 걸립니다. 후속 연습에서 작업할 파이프라인과 Bicep 파일이 자동으로 생성됩니다.

  4. Navigate to project를 선택하여 Azure DevOps의 해당 프로젝트로 이동합니다.

중요

이 모듈의 마지막 연습에는 중요한 정리 단계가 포함되어 있습니다. 이 모듈을 완료하지 않더라도 정리 단계를 수행해야 합니다.

리포지토리 복제

  1. 리포지토리>파일을 선택합니다.

    [파일]이 강조 표시된 [리포지토리] 메뉴를 보여주는 Azure DevOps의 스크린샷

  2. 복제를 선택합니다.

    복제 단추가 강조 표시된 리포지토리를 보여 주는 Azure DevOps의 스크린샷

  3. macOS를 사용하는 경우 Git 리포지토리를 복제하려면 특별한 암호가 필요합니다. Git 자격 증명 생성을 선택하고 표시되는 사용자 이름 및 암호를 다른 안전한 곳에 복사합니다.

  4. VS Code 복제를 선택하세요. Visual Studio Code를 열 수 있도록 허용하라는 메시지가 표시되면 열기를 선택하세요.

    Visual Studio Code의 복제 단추가 강조 표시된, 리포지토리 설정을 보여 주는 Azure DevOps 스크린샷

  5. 확장에서 리포지토리 URI를 열 수 있도록 허용하라는 대화 상자가 나타나면 열기를 선택합니다.

  6. 리포지토리에 사용할 폴더를 만들고 리포지토리 위치 선택을 선택합니다.

  7. 처음으로 이 리포지토리를 사용하는 것이므로 로그인하라는 메시지가 표시됩니다.

    • Windows를 사용하는 경우 이 연습의 앞부분에서 Azure DevOps 로그인할 때 사용한 것과 동일한 자격 증명을 입력합니다.

    • macOS를 사용하는 경우 방금 전에 생성한 Git 사용자 이름 및 암호를 입력합니다.

  8. Visual Studio Code가 리포지토리를 열라는 메시지를 표시합니다. 열기를 선택합니다.

    복제된 리포지토리를 열라는 메시지가 표시되고 열기 단추가 강조 표시된 Visual Studio Code의 스크린샷

Azure에 로그인

Azure에서 리소스 그룹을 작업하려면 Visual Studio Code 터미널에서 Azure 계정에 로그인합니다. Azure CLI 도구를 설치했는지 확인하세요.

  1. 터미널 메뉴에서 새 터미널을 선택합니다. 터미널 창은 일반적으로 화면의 아래쪽 절반에서 열립니다.

  2. 터미널 창의 오른쪽에 표시된 셸이 bash이면 올바른 셸이 열리고 다음 섹션으로 건너뛸 수 있습니다.

    Bash 옵션이 표시된 Visual Studio Code 터미널 창의 스크린샷

  3. Bash 이외의 셸이 나타나면 셸 드롭다운을 선택한 다음, Git Bash(기본값)를 선택합니다.

    표시되어 있는 터미널 셸 드롭다운에서 Git Bash 기본값이 선택된 상태의 Visual Studio Code 터미널 창 스크린샷

  4. 터미널 셸 목록에서 bash를 선택한 다음, 더하기 기호를 선택하여 bash 셸을 사용하는 새 터미널을 엽니다.

    Bash 터미널과 더하기 표시가 선택된 상태의 Visual Studio Code 터미널 창 스크린샷

Azure CLI를 사용하여 Azure에 로그인

  1. Visual Studio Code 터미널에서 다음 명령을 실행하여 Azure에 로그인합니다.

    az login

  2. 열리는 브라우저에서 Azure 계정에 로그인합니다.

Azure에서 리소스 그룹을 작업하려면 Visual Studio Code 터미널에서 Azure 계정에 로그인합니다. Azure PowerShell을 설치했는지 확인합니다.

  1. 터미널 메뉴에서 새 터미널을 선택합니다. 터미널 창은 일반적으로 화면의 아래쪽 절반에서 열립니다.

  2. 터미널 창의 오른쪽에 표시된 셸이 powershell 또는 pwsh이면 올바른 셸이 열리고 다음 섹션으로 건너뛸 수 있습니다.

    셸 드롭다운에 p w s h 옵션이 표시된 상태의 Visual Studio Code 터미널 창 스크린샷

  3. powershell 또는 pwsh 이외의 셸이 나타나면 셸 드롭다운을 선택한 다음, PowerShell을 선택합니다.

    터미널 셸 드롭다운이 표시되고 PowerShell이 선택되어 있는 Visual Studio Code 터미널 창의 스크린샷.

  4. 터미널 셸 목록에서 powershell 또는 pwsh를 선택한 다음, 더하기 기호를 선택하여 powershell 또는 pwsh 셸을 사용하는 새 터미널을 엽니다.

    PowerShell 터미널과 더하기 표시가 선택된 상태의 Visual Studio Code 터미널 창 스크린샷.

Azure PowerShell을 사용하여 Azure에 로그인

  1. Visual Studio Code 터미널에서 다음 명령을 실행하여 Azure에 로그인합니다.

    Connect-AzAccount

  2. 열리는 브라우저에서 Azure 계정에 로그인합니다.

Azure에 리소스 그룹 만들기

새 리소스 그룹을 만들려면 Visual Studio Code 터미널에서 다음 Azure CLI 명령을 실행합니다.

az group create --name ToyWebsiteTest --location westus3

리소스 그룹을 만들려면 Visual Studio Code 터미널에서 다음 Azure PowerShell 명령을 실행합니다.

New-AzResourceGroup -Name ToyWebsiteTest -Location westus3

Azure Pipelines에서 서비스 연결 만들기

다음으로 Azure Pipelines에서 서비스 연결을 만듭니다. 이 연결을 통해 Azure에서 자동으로 서비스 주체가 만들어집니다. 또한 파이프라인이 리소스 그룹에 배포할 수 있도록 서비스 주체에게 리소스 그룹에 대한 기여자 역할을 부여합니다.

  1. 브라우저에서 프로젝트 설정을 선택합니다.

    프로젝트 설정 항목이 강조 표시된 메뉴를 보여 주는 Azure DevOps의 스크린샷

  2. 서비스 연결>서비스 연결 만들기를 선택합니다.

    서비스 연결을 만들기 위한 선택 항목을 보여 주는 Azure DevOps의 스크린샷

  3. Azure Resource Manager>다음을 선택합니다.

    Azure Resource Manager 서비스 연결 유형을 강조 표시하여 보여 주는 Azure DevOps의 스크린샷

  4. 서비스 주체(자동)>다음을 선택합니다.

    서비스 주체 옵션을 강조 표시하여 보여 주는 Azure DevOps의 스크린샷

  5. 구독 드롭다운 목록에서 Azure 구독을 선택합니다.

    Azure에 로그인하라고 요청하는 팝업 창이 나타날 수 있습니다. 이 경우 자격 증명을 입력하고 로그인합니다.

  6. 리소스 그룹 드롭다운 목록에서 ToyWebsiteTest를 선택합니다.

  7. 서비스 연결 이름에 ToyWebsiteTest를 입력합니다. 모든 파이프라인에 대한 액세스 권한 부여 확인란이 선택되어 있는지 확인합니다.

    서비스 연결 만들기의 세부 정보가 완료되었고 저장 단추를 강조 표시하여 보여 주는 Azure DevOps의 스크린샷

    팁

    편의상 모든 파이프라인에 서비스 연결에 대한 액세스 권한을 부여합니다. 프로덕션 리소스를 사용하는 실제 서비스 연결을 만들 때는 서비스 연결이 필요한 파이프라인으로만 액세스 권한을 제한하는 것이 좋습니다.

  8. 저장을 선택합니다.