연습 - Azure DevOps 환경 설정

완료됨

이 단원에서는 Microsoft Azure DevOps 조직이 이 모듈의 나머지 부분을 완료하도록 설정합니다.

이렇게 하려면 다음을 수행합니다.

  • 이 모듈의 Azure DevOps 프로젝트를 설정합니다.
  • Azure Boards에서 이 모듈의 작업 항목을 Doing 열로 이동합니다.
  • 파이프라인에 변경 내용을 푸시할 수 있도록 프로젝트가 로컬로 설정되어 있도록 합니다.

Azure DevOps 프로젝트 가져오기

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

이 학습 경로의 모듈은 DevOps 여정에서 Tailspin 웹 팀을 추적하는 전체 진행 과정을 구성하고 있습니다. 학습 목적을 위해 각 모듈에는 연결된 Azure DevOps 프로젝트가 있습니다.

템플릿 실행

Azure DevOps 조직에 대한 모든 항목을 설정하는 템플릿을 실행합니다.

템플릿을 실행하려면 Azure DevOps Demo Generator 사이트에서 다음을 수행합니다.

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

  2. 새 프로젝트 만들기 페이지에서 Azure DevOps 조직을 선택한 후 Space Game - web - Workflow와 같이 프로젝트 이름을 입력합니다.

  3. 예, 이 리포지토리를 포크하겠습니다를 선택한 다음, 권한 부여를 선택합니다. 창이 표시되면 GitHub 계정에 대한 액세스 권한을 부여합니다.

    중요

    이 옵션을 선택해야 템플릿에서 GitHub 리포지토리에 연결합니다. Space Game 웹 사이트 프로젝트를 이미 포크한 경우에도 이 옵션을 선택합니다. 템플릿에서 기존 포크를 사용합니다.

  4. Create Project를 선택합니다.

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

    템플릿을 실행하는 데 몇 분 정도 걸립니다.

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

중요

이 모듈의 Azure DevOps 환경 정리 페이지에는 중요한 정리 단계가 포함되어 있습니다. 환경을 정리하면 사용 가능한 빌드 시간을 늘릴 수 있습니다. 정리 단계는 이 모듈을 완료하지 않은 경우에도 수행해야 합니다.

프로젝트의 표시 유형 설정

GitHub에 있는 Space Game 리포지토리 포크는 처음부터 퍼블릭 상태입니다. Azure DevOps 템플릿은 처음부터 프라이빗 상태인 프로젝트를 만듭니다.

퍼블릭 GitHub 리포지토리는 모든 사람이 액세스할 수 있지만, 프라이빗 리포지토리는 개발자 및 개발자가 리포지토리를 공유하는 사람만 액세스할 수 있습니다. 두 경우 모두 협력자만 GitHub 리포지토리에 변경 내용을 커밋할 수 있습니다.

Azure DevOps의 프로젝트는 이와 동일한 방식으로 작동합니다. 서비스에 로그인하지 않은 사용자는 퍼블릭 프로젝트에 대한 읽기 전용 액세스 권한을 갖습니다. 프라이빗 프로젝트의 경우 사용자가 해당 프로젝트에 대한 액세스 권한을 부여받고 로그인하여 서비스에 액세스해야 합니다.

학습 목적을 위해 지금은 이러한 설정을 변경할 필요가 없습니다. 그러나 고유한 자체 프로젝트의 경우 다른 사람에게 제공하려는 표시 유형 및 액세스 권한을 결정해야 합니다. 예를 들어 프로젝트가 오픈 소스인 경우 GitHub 리포지토리와 Azure DevOps 프로젝트를 모두 퍼블릭 상태로 설정할 수 있습니다. 프로젝트가 클로즈드 소스인 경우 GitHub 리포지토리와 Azure DevOps 프로젝트를 모두 프라이빗 상태로 설정할 수 있습니다.

나중에 다음 리소스를 사용하여 프로젝트에 가장 적합한 옵션을 결정하는 데 도움을 받을 수 있습니다.

작업 항목을 실행 중으로 이동

이 섹션에서는 Azure Boards에서 이 모듈과 관련된 작업 항목을 자신에게 할당합니다. 또한 작업 항목을 실행 중 상태로 이동합니다. 실제로 사용자와 팀은 각 스프린트 또는 작업 반복이 시작될 때 작업 항목을 만들 것입니다.

작업을 이 방법으로 할당하면 작업 검사 목록이 제공됩니다. 이 목록은 팀의 다른 사용자에게 현재 수행 중인 작업과 남아 있는 작업량을 보여 줍니다. 또한 작업 항목을 통해 팀이 WIP(진행 중인 작업) 제한을 적용하여 한 번에 너무 많은 작업을 수행하지 않도록 하는 데 도움이 됩니다.

다시 말하지만, 팀에서는 다음과 같은 7가지 주요 이슈를 결정했습니다.

이슈 백로그를 보여 주는 Azure Boards 스크린샷

참고

Azure DevOps 조직 내에서 작업 항목은 순차적으로 번호가 지정됩니다. 프로젝트에서 각 작업 항목에 할당된 번호가 여기에 표시된 것과 일치하지 않을 수 있습니다.

여기에서 두 번째 항목인 Create a Git-based workflow실행 중 열로 이동하고 자신을 작업 항목에 할당합니다.

Create a Git-based workflow는 팀원 간에 더 나은 협업을 가능하게 하는 코드 워크플로로 이동하는 것과 관련이 있습니다.

Git 기반 워크플로 만들기 이슈의 작업 항목 세부 정보를 보여 주는 Azure Boards 스크린샷

작업 항목을 설정하려면 다음을 수행합니다.

  1. Azure DevOps에서 Boards로 이동한 다음, 왼쪽 창에서 Boards를 선택합니다.

    Boards 메뉴의 위치를 보여 주는 Azure DevOps 스크린샷

  2. Create a Git-based workflow 작업 항목에서 할 일 아래쪽 화살표를 선택한 다음, 해당 작업 항목을 자신에게 할당합니다.

    아래쪽 화살표의 위치를 보여 주는 Azure Boards 스크린샷

  3. 작업 항목을 할 일 열에서 실행 중 열로 끕니다.

    실행 중 열에 있는 작업 항목을 보여 주는 Azure Boards 스크린샷

이 모듈의 끝에서는 작업을 완료한 후 카드를 완료 열로 이동합니다.

로컬로 프로젝트 설정

여기서는 Visual Studio Code에서 Space Game 프로젝트를 로드하고, Git을 구성하며 리포지토리를 로컬로 복제하고 시작 코드를 다운로드할 수 있도록 업스트림 원격을 설정합니다.

참고

이미 mslearn-tailspin-spacegame-web 프로젝트를 로컬에 설정한 경우 다음 섹션으로 이동할 수 있습니다.

통합 터미널 열기

Visual Studio Code는 통합 터미널과 함께 제공되므로 한 곳에서 파일을 편집하고 명령줄에서 작업할 수 있습니다.

  1. Visual Studio Code를 시작합니다.

  2. 보기 메뉴에서 터미널을 선택합니다.

  3. 드롭다운 목록에서 bash를 선택합니다. Zsh와 같이 사용하려는 다른 Unix 셸에 익숙한 경우 대신 해당 셸을 선택합니다.

    Bash 셸의 위치를 보여 주는 Visual Studio Code의 스크린샷

    터미널 창을 사용하면 Bash, Zsh, PowerShell과 같이 시스템에 설치된 모든 셸을 선택할 수 있습니다.

    여기서는 Bash를 사용합니다. Git for Windows는 Git Bash를 제공하므로 Git 명령을 쉽게 실행할 수 있습니다.

    참고

    Windows에서 Bash가 옵션으로 표시되지 않으면 Git을 설치했는지 확인한 다음, Visual Studio Code를 다시 시작합니다.

    여전히 bash 옵션이 표시되지 않으면 통합 터미널을 참조하여 수동으로 터미널 설정을 구성합니다.

  4. cd 명령을 실행하여 홈 디렉터리(~)와 같은 작업하려는 디렉터리로 이동합니다. 원하는 경우 다른 디렉터리를 선택할 수 있습니다.

    cd ~
    

Git 구성

Git 및 GitHub를 처음 사용하는 경우, 먼저 몇 가지 명령을 실행하여 ID를 Git에 연결하고 GitHub에 인증해야 합니다.

Git 설정에서 해당 프로세스에 대해 자세히 설명합니다.

최소한 다음 단계를 완료해야 합니다. 통합 터미널에서 다음 명령을 실행합니다.

  1. 사용자 이름을 설정합니다.
  2. 커밋 메일 주소를 설정합니다.
  3. GitHub 암호를 캐시합니다.

참고

이미 GitHub에서 2단계 인증을 사용하고 있는 경우 개인용 액세스 토큰을 생성하고 나중에 프롬프트가 표시될 때 암호 대신 토큰을 사용합니다.

액세스 토큰을 암호와 같이 취급하고 안전하게 보관하세요.

Visual Studio Code에서 프로젝트 설정

이 부분에서는 변경을 수행하고 파이프라인 구성을 빌드할 수 있도록 로컬로 포크를 복제합니다.

로컬로 포크 복제

GitHub 계정에 Space Game 웹 프로젝트의 복사본이 있습니다. 이제 복사본으로 작업할 수 있도록 컴퓨터에 해당 복사본을 다운로드하거나 ‘복제’합니다.

포크와 마찬가지로 복제본은 리포지토리의 복사본입니다. 리포지토리를 복제할 때 변경을 수행하고 예상대로 작동하는지 확인한 다음, 해당 변경 내용을 GitHub에 다시 업로드할 수 있습니다. 또한 인증된 다른 사용자가 리포지토리의 GitHub 복사본에 수행한 변경 내용과 로컬 복사본을 동기화할 수 있습니다.

Space Game 웹 프로젝트를 컴퓨터에 복제하려면 다음을 수행합니다.

  1. GitHub에서 Space Game 웹 프로젝트(mslearn-tailspin-spacegame-web)의 포크로 이동합니다.

  2. 코드를 선택합니다. 그런 다음, HTTPS 탭에서 표시된 URL 옆에 있는 단추를 선택하여 URL을 클립보드에 복사합니다.

    GitHub 리포지토리에서 URL 및 복사 단추 찾기

  3. Visual Studio Code에서 터미널 창으로 이동합니다.

  4. 터미널에서 홈 디렉터리(~)와 같은 작업하려는 디렉터리로 이동합니다. 원하는 경우 다른 디렉터리를 선택할 수 있습니다.

    cd ~
    
  5. git clone 명령을 실행합니다. 여기에 표시된 URL을 클립보드의 내용으로 바꿉니다.

    git clone https://github.com/your-name/mslearn-tailspin-spacegame-web.git
    
  6. mslearn-tailspin-spacegame-web 디렉터리로 이동합니다. 이 디렉터리는 리포지토리의 루트 디렉터리입니다.

    cd mslearn-tailspin-spacegame-web
    

업스트림 원격 설정

‘원격’은 GitHub의 리포지토리처럼 팀 구성원이 협업하는 Git 리포지토리입니다. 여기에서 원격을 나열하고 Microsoft의 리포지토리 복사본을 가리키는 원격을 추가하여 최신 샘플 코드를 얻을 수 있습니다.

  1. 원격을 나열하려면 다음과 같이 git remote 명령을 실행합니다.

    git remote -v
    

    다음과 같이 리포지토리에 대한 페치(다운로드) 및 푸시(업로드) 액세스 권한이 모두 있는 것을 확인할 수 있습니다.

    origin  https://github.com/username/mslearn-tailspin-spacegame-web.git (fetch)
    origin  https://github.com/username/mslearn-tailspin-spacegame-web.git (push)
    

    Origin은 GitHub의 리포지토리를 지정합니다. 다른 리포지토리의 코드를 포크할 때 원본 원격(포크한 원격)의 이름을 일반적으로 upstream으로 지정합니다.

  2. 다음과 같이 git remote add 명령을 실행하여 Microsoft 리포지토리를 가리키는 upstream이라는 원격을 만듭니다.

    git remote add upstream https://github.com/MicrosoftDocs/mslearn-tailspin-spacegame-web.git
    
  3. git remote를 다시 실행하여 다음과 같은 변경 내용을 확인합니다.

    git remote -v
    

    여전히 리포지토리에 대한 페치(다운로드) 및 푸시(업로드) 액세스 권한이 모두 있음을 확인할 수 있습니다. 이제 Microsoft 리포지토리에 대한 가져오기 및 밀어넣기 액세스 권한도 있습니다.

    origin  https://github.com/username/mslearn-tailspin-spacegame-web.git (fetch)
    origin  https://github.com/username/mslearn-tailspin-spacegame-web.git (push)
    upstream        https://github.com/MicrosoftDocs/mslearn-tailspin-spacegame-web.git (fetch)
    upstream        https://github.com/MicrosoftDocs/mslearn-tailspin-spacegame-web.git (push)
    

파일 탐색기에서 프로젝트 열기

Visual Studio Code에서 터미널 창은 Space Game 웹 프로젝트의 루트 디렉터리를 가리킵니다. 파일 구조를 보고 파일을 사용하려면 파일 탐색기에서 이제 프로젝트를 엽니다.

  1. 프로젝트를 여는 가장 쉬운 방법은 현재 디렉터리에서 Visual Studio Code를 다시 여는 것입니다. 이렇게 하려면 통합 터미널에서 다음 명령을 실행합니다.

    code -r .
    

    파일 탐색기에 디렉터리 및 파일 트리가 표시됩니다.

  2. 통합 터미널을 다시 엽니다. 터미널을 실행하면 웹 프로젝트의 루트에서 시작됩니다.

code 명령이 실패하면 시스템 PATH에 Visual Studio Code를 추가해야 합니다. 이를 수행하려면:

  1. Visual Studio Code에서 F1을 선택하거나 보기>명령 팔레트를 선택하여 명령 팔레트에 액세스합니다.
  2. 명령 팔레트에서 ‘셸 명령: PATH에 ‘code’ 명령 설치’.
  3. 이전 절차를 반복하여 파일 탐색기에서 프로젝트를 엽니다.

이제 로컬 개발 환경에서 Space Game 소스 코드 및 Azure Pipelines 구성을 사용하여 작업하도록 설정되었습니다.