연습 - 리포지토리 복제

완료됨

Alice가 리포지토리를 복제하고 끌어오기 요청을 수행하는 작업을 연습하려면 먼저 Alice가 복제할 리포지토리를 설정해야 합니다.

설정

Git은 이미 Azure Cloud Shell에 설치되어 있으므로 오른쪽 Cloud Shell에서 Git을 사용할 수 있습니다.

  1. mkdir 명령을 사용하여 Cats라는 폴더를 만듭니다.

    mkdir Cats
    
    
  2. cd 명령을 사용하여 프로젝트 폴더로 변경합니다.

    cd Cats
    
    
  3. 이제 새 리포지토리를 초기화하고 기본 분기의 이름을 main으로 설정합니다.

    Git 버전 2.28.0 이상을 실행하는 경우 다음 명령을 사용합니다.

    git init --initial-branch=main
    git init -b main
    
    

    이전 Git 버전의 경우 다음 명령을 사용합니다.

    git init
    git checkout -b main
    
    
  4. 자격 증명을 추가하여 Git을 구성합니다. <USER_NAME><USER_EMAIL>을 사용자 고유의 정보(예: “사용자 이름” 및 “user-name@contoso.com”)로 바꿉니다.

    git config user.name "<USER_NAME>"
    git config user.email "<USER_EMAIL>"
    
    
  5. touch 명령을 사용하여 몇 개의 파일을 만든 다음, Git을 사용하여 파일을 스테이징하고 커밋합니다.

    touch index.html
    mkdir CSS
    touch CSS/site.css
    git add .
    git commit -m "Create empty index.html, site.css files"
    
    
  6. 터미널 프롬프트에서 code 명령을 사용하여 열 수 있는 Cloud Shell 코드 편집기를 통해 index.html 파일에 일부 HTML을 추가합니다.

    code index.html
    
    
  7. 다음 HTML 코드에 붙여넣습니다.

    <!DOCTYPE html>
    <html>
      <head>
        <meta charset='UTF-8'>
        <title>Our Feline Friends</title>
        <link rel="stylesheet" href="CSS/site.css">
      </head>
      <body>
        <h1>Our Feline Friends</h1>
        <p>Eventually we will put cat pictures here.</p>
        <hr>
      </body>
    </html>
    
  8. 파일을 저장하고 편집기를 닫습니다. 편집기의 오른쪽 모서리에 있는 줄임표(“...”)를 선택하거나 액셀러레이터 키(Windows 및 Linux의 Ctrl+S, macOS의 Cmd+S)를 사용할 수 있습니다.

  9. CSS 디렉터리로 변경하고 편집기에서 site.css를 엽니다.

    cd CSS
    code site.css
    
    
  10. site.css에 다음 CSS를 추가합니다.

    h1, h2, h3, h4, h5, h6 { font-family: sans-serif; }
    body { font-family: serif; }
    

    파일을 저장하고 편집기를 닫습니다.

  11. Cats 디렉터리로 돌아갑니다.

    cd ..
    
    
  12. 마지막으로, 변경 내용을 다시 커밋합니다.

    git add .
    git commit -m "Add simple HTML and stylesheet"
    
    
  13. Git 로그를 빠르게 검사하여 모든 것이 제대로 표시되는지 확인합니다.

    git log --oneline
    
    
  14. 출력을 확인합니다. 다음 예제와 같은 출력이 표시됩니다.

    2bf69ab Add simple HTML and stylesheet
    bb371c8 Create empty index.html, site.css files
    

리포지토리 복제

이제 Alice 역할을 가장하여 협업할 리포지토리를 복제하는 작업을 연습해 봅시다.

Alice가 컴퓨터에 리포지토리를 복제하는 작업을 시뮬레이션하기 위해 사용자 컴퓨터에 Alice라는 디렉터리를 만들고 프로젝트 디렉터리를 여기에 복제합니다. 실제로는 URL을 통해 연결할 수 있는 네트워크 공유 또는 원격을 설정하여 이 협업을 수행합니다.

  1. 리포지토리를 복제할 대상인, Alice라는 디렉터리를 만듭니다. 이 디렉터리는 프로젝트 디렉터리(Cats)의 하위 디렉터리가 ‘아니어야’ 하므로, Alice가 프로젝트 디렉터리의 형제가 되도록 프로젝트 디렉터리에서 부모 디렉터리로 다시 cd합니다. 그런 다음 Alice 디렉터리로 cd합니다.

    cd ..
    mkdir Alice
    cd Alice
    
    
  2. 이제 git clone을 사용하여 프로젝트 디렉터리에 있는 리포지토리를 Alice 디렉터리에 복제합니다. 명령 끝에 마침표를 포함해야 합니다.

    git clone ../Cats .
    
    

    ../Cats는 복제할 원본 위치를 Git에 알리며 .는 복제할 대상 위치를 Git에 알립니다. Unix에서는 .이 현재 디렉터리를 나타냅니다.

  3. 출력을 확인합니다. Git은 다음 텍스트를 표시하여 명령이 작동했음을 알려줍니다.

    Cloning into '.'...
    done.
    

이제 프로젝트 디렉터리에 있는 리포지토리의 복제본이 Alice 디렉터리에 포함되었습니다.