AWS 시작하기

지속적 전달 파이프라인 생성

git 리포지토리 설정, 샘플 웹 앱 배포 및 지속적 전달 파이프라인 생성

모듈 1: Git 리포지토리 설정

이 모듈에서는 인터넷을 통해 손쉽게 액세스할 수 있도록 코드에 대한 git 리포지토리를 설정합니다.

소개

이 모듈에서는 인터넷을 통해 손쉽게 액세스할 수 있도록 코드에 대한 리포지토리를 설정합니다. 이 예제에서는 GitHub를 사용하지만 AWS CodeCommit을 비롯하여 Git와 호환되는 다른 옵션을 사용할 수도 있습니다. 다음 모듈 중 하나에서는 이 호스팅 리포지토리를 파이프라인에 연결하여 새 커밋을 푸시할 때마다 빌드 프로세스가 시작되도록 합니다.

배우게 될 내용

  • GitHub 리포지토리를 포크하여 새 리포지토리 생성
  • GitHub에 코드 및 메타데이터 저장
  • Git를 사용하여 코드 리포지토리와 상호 작용

주요 개념

버전 제어는 소스 코드를 저장하고 소스 코드에 대한 변경 사항을 추적하는 시스템입니다. 변경 사항이 버전으로 저장되므로 개발자는 손쉽게 버전을 비교하거나 이전 버전으로 돌아갈 수 있습니다.

Git는 소스 코드의 변경 사항을 관리하기 위한 오픈 소스 버전 제어 도구입니다.

Git 리포지토리(리포)는 메타데이터를 포함하여 버전 제어 시스템으로 추적되는 모든 파일 및 디렉터리가 있는 위치입니다. 각 사용자는 전체 복사본으로 로컬에서 상호 작용하고 호스팅 버전으로 파일을 푸시하여 변경 사항을 공유할 수 있습니다.

Git Commit은 변경 사항을 Git 리포지토리에 추가하는 메서드입니다.

리포지토리로 푸시는 저장된 모든 변경 사항을 커밋을 통해 로컬 리포지토리에서 호스팅 리포지토리로 복사하는 것을 말합니다.

리포지토리 포크는 기존 리포지토리의 복사본을 생성하는 것을 말합니다.

 완료 시간

5분

 사용되는 서비스

 모듈 선행 조건

구현

  • 스타터 리포지토리 포크

    이 자습서는 기존 GitHub 계정과 Git가 컴퓨터에 설치되어 있는 것으로 가정합니다. 둘 중 하나가 설치되지 않은 경우 여기에서 단계별 지침을 확인할 수 있습니다.

    1. 새 브라우저 탭에서 GitHub로 이동하고 계정에 로그인되어 있는지 확인합니다.
    2. 동일한 탭에서 aws-elastic-beanstalk-express-js-sample 리포지토리를 엽니다.
    3. 화면의 오른쪽 위에서 흰색 [포크(Fork)] 버튼을 클릭합니다. 다음으로, 리포지토리를 포크할지 묻는 작은 창이 표시됩니다.
    4. 계정을 클릭합니다. 몇 초 후에 계정의 리포지토리 복사본이 브라우저에 표시됩니다.
  • 변경 사항을 새 리포지토리로 푸시
    1. 페이지 상단 근처에 있는 녹색 [코드(Code)] 버튼을 클릭합니다.
    2. HTTPS를 리포지토리를 복제하려면 [HTTPS로 복제(Clone with HTTPS)]라는 제목을 확인합니다. 그렇지 않은 경우 [HTTPS 사용(Use HTTPS)] 링크를 클릭합니다.
    3. 클립보드 아이콘이 있는 흰색 버튼을 클릭합니다(URL 오른쪽).
    Module 1 CloneGitHubRepo

    4. Mac 또는 Linux 컴퓨터를 사용하는 경우 터미널을 열고, Windows를 사용하는 경우 Git BASH를 시작합니다.

    5. 방금 시작한 앱에서 다음 명령을 입력하고 2단계에서 클립보드 아이콘을 클릭할 때 복사한 URL을 붙여넣습니다. "YOUR-USERNAME"을 해당하는 GitHub 사용자 이름으로 바꿔야 합니다. "Cloning into"로 시작되는 메시지가 터미널에 표시됩니다. 이 명령은 GitHub 리포지토리 파일의 복사본이 있는 새 폴더를 생성합니다.

    git clone https://github.com/YOUR-USERNAME/aws-elastic-beanstalk-express-js-sample

    6. 새 폴더에는 "app.js"라는 이름의 파일이 있습니다. 자주 사용하는 코드 편집기에서 "app.js"를 엽니다.

    7. 5번 줄의 메시지를 변경하여 "Hello World!" 외의 다른 메시지로 변경하고 파일을 저장합니다.

    8. 다음 명령을 사용하여 변경 사항을 확인합니다.

    git add app.js
    git commit -m "change message"

    9. 다음 명령을 사용하여 로컬 변경 사항을 GitHub에서 호스팅되는 원격 리포지토리로 푸시합니다.

    git push
  • 변경 사항 테스트
    1. 브라우저 창에서 GitHub를 엽니다.
    2. 왼쪽 탐색 패널의 [리포지토리(Repositories)]에서 aws-elastic-beanstalk-express-js-sample라는 리포지토리를 클릭합니다.
    3. "app.js" 파일을 클릭합니다. 변경 사항을 포함하여 파일의 콘텐츠가 표시됩니다.

애플리케이션 아키텍처

현재 아키텍처의 모습은 다음과 같습니다.

Module-1

단순한 Hello World! 웹 앱이 포함된 코드 리포지토리가 생성되어 있습니다. 이 리포지토리를 지속적 전달 파이프라인의 트리거로 사용할 것이므로 올바르게 설정해야 코드를 성공적으로 푸시할 수 있습니다.

이 모듈이 유용했습니까?

감사합니다.
좋아하는 사항을 알려주세요.
닫기
실망을 드려 죄송합니다.
오래되었거나 혼란스럽거나 부정확한 사항이 있습니까? 피드백을 제공하여 이 자습서를 개선할 수 있도록 도와주십시오.
닫기

웹 앱 배포