실습 설정 안내 및 요구사항
계정과 진행 상황을 보호하세요. 이 실습을 실행하려면 항상 시크릿 브라우저 창과 실습 사용자 인증 정보를 사용하세요.

Google Cloud에서 웹사이트 빌드: 챌린지 실습

실습 25분 universal_currency_alt 크레딧 5개 show_chart 중급
info 이 실습에는 학습을 지원하는 AI 도구가 통합되어 있을 수 있습니다.
이 콘텐츠는 아직 휴대기기에 최적화되지 않음
최상의 경험을 위해 데스크톱 컴퓨터에서 이메일로 전송된 링크를 사용하여 방문하세요.

GSP319

Google Cloud 사용자 주도형 실습 로고

소개

챌린지 실습에서는 특정 시나리오와 일련의 작업이 주어집니다. 단계별 안내를 따르는 대신, 과정의 실습에서 배운 기술을 사용하여 스스로 작업을 완료하는 방법을 알아내 보세요. 이 페이지에 표시되어 있는 자동 채점 시스템에서 작업을 올바르게 완료했는지 피드백을 제공합니다.

챌린지 실습을 진행할 때는 새로운 Google Cloud 개념에 대한 정보가 제공되지 않습니다. 학습한 기술을 응용하여 기본값을 변경하거나 오류 메시지를 읽고 조사하여 실수를 바로잡아야 합니다.

100점을 받으려면 시간 내에 모든 작업을 성공적으로 완료해야 합니다.

이 실습은 Google Cloud에서 웹사이트 빌드 과정에 등록한 학습자에게 권장됩니다. 챌린지에 도전할 준비가 되셨나요?

설정 및 요건

실습 시작 버튼을 클릭하기 전에

다음 안내를 확인하세요. 실습에는 시간 제한이 있으며 일시중지할 수 없습니다. 실습 시작을 클릭하면 타이머가 시작됩니다. 이 타이머는 Google Cloud 리소스를 사용할 수 있는 시간이 얼마나 남았는지를 표시합니다.

실무형 실습을 통해 시뮬레이션이나 데모 환경이 아닌 실제 클라우드 환경에서 실습 활동을 진행할 수 있습니다. 실습 시간 동안 Google Cloud에 로그인하고 액세스하는 데 사용할 수 있는 새로운 임시 사용자 인증 정보가 제공됩니다.

이 실습을 완료하려면 다음을 준비해야 합니다.

  • 표준 인터넷 브라우저 액세스 권한(Chrome 브라우저 권장)
참고: 이 실습을 실행하려면 시크릿 모드(권장) 또는 시크릿 브라우저 창을 사용하세요. 개인 계정과 학습자 계정 간의 충돌로 개인 계정에 추가 요금이 발생하는 일을 방지해 줍니다.
  • 실습을 완료하기에 충분한 시간(실습을 시작하고 나면 일시중지할 수 없음)
참고: 이 실습에는 학습자 계정만 사용하세요. 다른 Google Cloud 계정을 사용하는 경우 해당 계정에 비용이 청구될 수 있습니다.

챌린지 시나리오

여러분은 FancyStore, Inc.에서 새로운 직무를 맡게 되었습니다.

회사의 기존 모놀리식 전자상거래 웹사이트를 논리적으로 분리된 일련의 마이크로서비스로 분할하는 것이 여러분의 임무입니다. 기존 모놀리식 코드는 GitHub 저장소에 있으며, 이 앱을 컨테이너화한 다음 리팩터링해야 합니다.

여러분은 이러한 작업에 필요한 기술과 지식을 보유하고 있어야 합니다. 단계별 안내는 제공되지 않습니다.

이전 팀이 모놀리식 아키텍처와 관련된 번아웃으로 인해 더 나은 환경을 찾아 떠난 후(실제로 라벤더 농장을 운영하고 있음) 이 프로젝트를 주도해 달라는 요청을 받았습니다. 소스 코드를 가져오고, 이를 기반으로 컨테이너를 빌드한 다음(농부 중 한 명이 Dockerfile을 남겨 둠), GKE로 푸시하는 작업을 수행해야 합니다.

먼저 모놀리식 애플리케이션을 빌드, 배포, 테스트하여 소스 코드가 정상인지 확인해야 합니다. 그런 다음 구성 서비스를 자체 마이크로서비스 배포로 분할해야 합니다.

다음과 같은 FancyStore, Inc.의 몇 가지 표준을 준수해야 합니다.

  • 에서 클러스터를 만듭니다.
  • 이름은 일반적으로 팀-리소스 형식입니다. 예를 들면, 인스턴스의 이름을 fancystore-orderservice1과 같이 지정할 수 있습니다.
  • 비용 효율적으로 리소스 크기를 할당합니다. 프로젝트는 모니터링되며 리소스를 과도하게 사용하면 포함된 프로젝트가 종료됩니다.
  • 별도의 지시가 없는 한 e2-medium 머신 유형을 사용합니다.

챌린지

책상에 앉아 새 노트북을 열면 바로 다음 작업을 완료하라는 요청을 받게 됩니다. 좋은 결과가 있길 바랍니다.

작업 1. 모놀리식 코드 다운로드 및 컨테이너 빌드하기

  1. 새 프로젝트에 로그인하고 Cloud Shell을 활성화합니다.

  2. 먼저 팀의 Git 저장소를 클론해야 합니다. 프로젝트의 루트 디렉터리에 setup.sh 스크립트가 있습니다. 모놀리식 컨테이너를 빌드하려면 이 스크립트를 실행해야 합니다.

  3. setup.sh 스크립트를 실행한 후, 다음을 실행하여 Cloud Shell이 최신 버전의 nodeJS를 실행하고 있는지 확인합니다.

nvm install --lts

빌드하고 푸시할 수 있는 몇 가지 다른 프로젝트가 있을 것입니다.

  1. 모놀리식 빌드(monolith 디렉터리에 있음)를 Artifact Registry로 푸시합니다. 애플리케이션 컨테이너를 빌드하는 데 사용할 수 있는 Dockerfile이 ~/monotlith-to-microservices/monolith 폴더에 있습니다.

  2. monolith 폴더에서 Cloud Build를 실행하여 빌드한 다음, Artifact Registry로 푸시해야 합니다.

  3. 아티팩트 이름을 다음과 같이 지정합니다.

    • 저장소: gcr.io/${GOOGLE_CLOUD_PROJECT}
    • 이미지 이름:
    • 이미지 버전: 1.0.0

내 진행 상황 확인하기를 클릭하여 목표를 확인합니다. 모놀리식 코드 다운로드 및 컨테이너 빌드하기

작업 2. Kubernetes 클러스터 만들기 및 애플리케이션 배포하기

이제 이미지가 생성되어 Artifact Registry에 있으므로 이미지를 배포할 클러스터를 만들 차례입니다.

영역에 모든 리소스를 배포하라는 지시를 받았으므로 먼저 GKE 클러스터를 만들어야 합니다. 3노드 클러스터로 시작합니다.

  1. 다음과 같이 클러스터를 만듭니다.

    • 클러스터 이름:
    • 리전:
    • 노드 수: 3

이제 이미지를 빌드하고 클러스터를 실행했으므로 애플리케이션을 배포할 차례입니다.

빌드한 이미지를 클러스터에 배포해야 합니다. 이렇게 하면 애플리케이션이 실행되지만 외부 세계에 노출될 때까지는 액세스할 수 없습니다. 팀에서 애플리케이션이 포트 8080에서 실행된다고 알려주었지만, 더 소비자 친화적인 포트 80에서 이를 노출해야 합니다.

  1. 다음과 같이 배포를 만들고 노출합니다.

    • 클러스터 이름:
    • 컨테이너 이름:
    • 컨테이너 버전: 1.0.0
    • 애플리케이션 포트: 8080
    • 외부에서 액세스 가능한 포트: 80
참고: 이 실습에서는 서비스 노출을 단순화했습니다. 일반적으로 API 게이트웨이를 사용하여 공개 엔드포인트를 보호합니다. 마이크로서비스 권장사항 가이드에서 권장사항에 대해 자세히 알아보세요.
  1. 노출된 배포 작업에서 할당된 IP 주소를 기록해 둡니다. 이제 브라우저에서 이 IP 주소를 방문할 수 있습니다.

아래와 같이 표시됩니다.

Fancy Store 웹페이지

내 진행 상황 확인하기를 클릭하여 목표를 확인합니다. Kubernetes 클러스터 만들기 및 애플리케이션 배포하기

이제 Fancy Store 모놀리식 애플리케이션을 빌드하고 배포할 수 있으므로 마이크로서비스로 분리할 준비가 되었습니다.

모놀리식을 마이크로서비스로 마이그레이션하기

이제 기존 모놀리식 웹사이트가 GKE에서 실행되고 있으므로 각 서비스를 마이크로서비스로 분할할 수 있습니다. 일반적으로 계획 단계에서 어떤 서비스를 더 작은 단위로 분할할지 결정해야 합니다. 일반적으로 비즈니스 도메인과 같은 애플리케이션의 특정 부분을 중심으로 분할합니다.

이 챌린지에서는 모놀리식을 '주문', '제품', '프런트엔드'라는 일련의 마이크로서비스로 성공적으로 분할했다고 가정하고 진행합니다. 코드가 준비되었으니 이제 서비스를 배포해야 합니다.

작업 3. 새로운 마이크로서비스 만들기

각각 별도의 컨테이너로 분리해야 하는 서비스가 세 개 있습니다. 모든 서비스를 컨테이너로 이동하므로 각 서비스에 대해 다음 정보를 추적해야 합니다.

  • 서비스의 루트 폴더(컨테이너를 빌드할 위치)
  • 컨테이너를 업로드할 저장소
  • 컨테이너 아티팩트의 이름 및 버전

마이크로서비스의 컨테이너화된 버전 만들기

컨테이너화해야 하는 서비스 집합은 다음과 같습니다.

  1. 아래에 나와 있는 소스 루트로 이동하여, 생성된 아티팩트를 표시된 메타데이터와 함께 Artifact Registry에 업로드합니다.

주문 마이크로서비스

Service root folder: ~/monolith-to-microservices/microservices/src/orders

GCR Repo: gcr.io/${GOOGLE_CLOUD_PROJECT}

Image name:

Image version: 1.0.0

제품 마이크로서비스

Service root folder: ~/monolith-to-microservices/microservices/src/products

GCR Repo: gcr.io/${GOOGLE_CLOUD_PROJECT}

Image name:

Image version: 1.0.0

  1. 이러한 마이크로서비스가 컨테이너화되고 마이크로서비스의 이미지가 Artifact Registry에 업로드되면 이러한 서비스를 배포하고 노출해야 합니다.

내 진행 상황 확인하기를 클릭하여 목표를 확인합니다. 주문 및 제품 마이크로서비스의 컨테이너화된 버전 만들기

작업 4. 새 마이크로서비스 배포하기

모놀리식에 사용한 것과 동일한 프로세스에 따라 이러한 새 컨테이너를 배포합니다. 이러한 서비스는 서로 다른 포트에서 리슨하므로 아래 테이블에서 포트 매핑을 확인하세요.

  1. 다음과 같이 배포를 만들고 노출합니다.

주문 마이크로서비스

Cluster name:

Container name:

Container version: 1.0.0

Application port: 8081

Externally accessible port: 80

제품 마이크로서비스

Cluster name:

Container name:

Container version: 1.0.0

Application port: 8082

Externally accessible port: 80

참고: '주문' 서비스와 '제품' 서비스가 노출되면 두 서비스의 IP 주소를 기록해 둡니다. 이 주소는 이후 단계에서 필요합니다.
  1. 브라우저에서 다음 URL로 이동하여, 배포가 성공하고 서비스가 노출되었는지 확인할 수 있습니다.

    • http://ORDERS_EXTERNAL_IP/api/orders
    • http://PRODUCTS_EXTERNAL_IP/api/products

배포가 성공하면 각 서비스가 JSON 문자열을 반환합니다.

내 진행 상황 확인하기를 클릭하여 목표를 확인합니다. 새 마이크로서비스 배포하기

작업 5. 프런트엔드 마이크로서비스 구성 및 배포하기

이제 '주문' 및 '제품' 마이크로서비스를 모두 추출했으므로 '프런트엔드' 서비스가 이를 가리키도록 구성하고 배포해야 합니다.

프런트엔드 재구성하기

  1. nano 편집기를 사용하여 로컬 URL을 새 제품 마이크로서비스의 IP 주소로 바꿉니다.
cd ~/monolith-to-microservices/react-app nano .env

편집기가 열리면 파일이 다음과 같이 표시됩니다.

출력:

REACT_APP_ORDERS_URL=http://localhost:8081/api/orders REACT_APP_PRODUCTS_URL=http://localhost:8082/api/products
  1. REACT_APP_PRODUCTS_URL을 새 형식으로 바꾸고 '주문' 및 '제품' 마이크로서비스 IP 주소로 바꿔 아래와 일치하도록 합니다.
REACT_APP_ORDERS_URL=http://<ORDERS_IP_ADDRESS>/api/orders REACT_APP_PRODUCTS_URL=http://<PRODUCTS_IP_ADDRESS>/api/products
  1. Ctrl+O, Enter, Ctrl+X를 차례로 눌러 nano 편집기에서 파일을 저장합니다.

  2. 이제 컨테이너화하기 전에 다음 명령어를 실행하여 프런트엔드 앱을 다시 빌드합니다.

npm run build

작업 6. 프런트엔드 마이크로서비스의 컨테이너화된 버전 만들기

이제 '주문' 및 '제품' 마이크로서비스가 컨테이너화되고 배포되었으며 '프런트엔드' 서비스가 이를 가리키도록 구성되었으므로 마지막 단계는 '프런트엔드'를 컨테이너화하고 배포하는 것입니다.

Cloud Build를 사용하여 '프런트엔드' 서비스의 콘텐츠를 패키징하고 다음과 같이 Artifact Registry로 푸시합니다.

  • 서비스 루트 폴더: ~/monolith-to-microservices/microservices/src/frontend
  • 저장소: gcr.io/${GOOGLE_CLOUD_PROJECT}
  • 이미지 이름:
  • 이미지 버전: 1.0.0

이 과정은 몇 분 정도 걸릴 수 있으니 잠시 기다려 주세요.

내 진행 상황 확인하기를 클릭하여 목표를 확인합니다. 프런트엔드 마이크로서비스의 컨테이너화된 버전 만들기

작업 7. 프런트엔드 마이크로서비스 배포하기

'주문' 및 '제품' 마이크로서비스에 사용한 것과 동일한 프로세스를 따라 이 컨테이너를 배포합니다.

  1. 다음과 같이 배포를 만들고 노출합니다.

    • 클러스터 이름:
    • 컨테이너 이름:
    • 컨테이너 버전: 1.0.0
    • 애플리케이션 포트: 8080
    • 외부에서 액세스 가능한 포트: 80
  2. 브라우저에서 프런트엔드 서비스의 IP 주소를 입력하여 배포가 성공했는지, 마이크로서비스가 제대로 노출되었는지 확인할 수 있습니다.

새 마이크로서비스로 구동되는 제품 및 주문 페이지로 연결되는 링크가 포함된 Fancy Store 홈페이지가 표시됩니다.

내 진행 상황 확인하기를 클릭하여 목표를 확인합니다. 프런트엔드 마이크로서비스 배포하기

수고하셨습니다

Build_a_Website_on_Google_Cloud_Skill_WBG.png

Google Cloud 교육 및 자격증

Google Cloud 기술을 최대한 활용하는 데 도움이 됩니다. Google 강의에는 빠른 습득과 지속적인 학습을 지원하는 기술적인 지식과 권장사항이 포함되어 있습니다. 기초에서 고급까지 수준별 학습을 제공하며 바쁜 일정에 알맞은 주문형, 실시간, 가상 옵션이 포함되어 있습니다. 인증은 Google Cloud 기술에 대한 역량과 전문성을 검증하고 입증하는 데 도움이 됩니다.

설명서 최종 업데이트: 2026년 3월 10일

실습 최종 테스트: 2026년 3월 10일

Copyright 2026 Google LLC. All rights reserved. Google 및 Google 로고는 Google LLC의 상표입니다. 기타 모든 회사명 및 제품명은 해당 업체의 상표일 수 있습니다.

시작하기 전에

  1. 실습에서는 정해진 기간 동안 Google Cloud 프로젝트와 리소스를 만듭니다.
  2. 실습에는 시간 제한이 있으며 일시중지 기능이 없습니다. 실습을 종료하면 처음부터 다시 시작해야 합니다.
  3. 화면 왼쪽 상단에서 실습 시작을 클릭하여 시작합니다.

시크릿 브라우징 사용

  1. 실습에 입력한 사용자 이름비밀번호를 복사합니다.
  2. 비공개 모드에서 콘솔 열기를 클릭합니다.

콘솔에 로그인

    실습 사용자 인증 정보를 사용하여
  1. 로그인합니다. 다른 사용자 인증 정보를 사용하면 오류가 발생하거나 요금이 부과될 수 있습니다.
  2. 약관에 동의하고 리소스 복구 페이지를 건너뜁니다.
  3. 실습을 완료했거나 다시 시작하려고 하는 경우가 아니면 실습 종료를 클릭하지 마세요. 이 버튼을 클릭하면 작업 내용이 지워지고 프로젝트가 삭제됩니다.

현재 이 콘텐츠를 이용할 수 없습니다

이용할 수 있게 되면 이메일로 알려드리겠습니다.

감사합니다

이용할 수 있게 되면 이메일로 알려드리겠습니다.

한 번에 실습 1개만 가능

모든 기존 실습을 종료하고 이 실습을 시작할지 확인하세요.

시크릿 브라우징을 사용하여 실습 실행하기

이 실습을 실행하는 가장 좋은 방법은 시크릿 모드 또는 시크릿 브라우저 창을 사용하는 것입니다. 개인 계정과 학생 계정 간의 충돌로 개인 계정에 추가 요금이 발생하는 일을 방지해 줍니다.