[클라우드컴퓨팅] 3-4. 계산기 웹사이트 구현 배포 실습

1. 실습 시나리오

- 계산기 웹사이트를 구현하고 배포

- 백엔드에서는 사용자가 숫자를 입력하면 계산하는 기능 개발

- 프론트엔드에서는 사용자가 입력할 수 있는 UI를 제공

- 완성된 웹사이트를 클라우드에 배포 운영

실습 시나리오 개요

• 주방 (백엔드)
  - 계산기의 실제 계산을 수행하는 엔진
• 홀 (프론트엔드)
  - 계산기의 화면과 버튼
• 배달 (배포)
  - AWS와 Docker를 이용한 배포 과정

스프링 부트 백엔드 실습 내용

1. 계산 로직 작성
   - 숫자를 입력받아 더하기, 빼기, 곱하기, 나누기를 수행하는 로직을 스프링 부트를
2. 테스트 수행
   - 작성한 계산 로직이 제대로 동작하는지 테스트

계산기 프론트엔드 구현

• 메뉴판 디자인
  - 계산기 화면을 구현
  - 숫자 버튼과 연산 버튼을 배치
• 주문 전달
  - 사용자가 버튼을 누르면 계산 요청이 백엔드로 전달
• 결과 표시
  - 계산 결과를 사용자가 볼 수 있도록 화면에 표시함

도커를 이용해 AWS 계산기 배 포

• 클라우드 배포
  - 백엔드 프론트엔드를 Docker를 이용해 클라우드에 배포
  - 아이피를 알면 누구나 어디서나 계산기 실행 가능

2. 실습 효과

- 웹사이트를 완성하고 클라우드에 배포함으로써 세계 어디서나 계산기를 실행할 수 있게 됨

- 많은 이용자들에게 편의를 제공할 수 있음

기술 기반 강화

• 개발 및 배포 실무 이해
  - 백엔드(Spring Boot)와 프론트엔드(React)를 구현하는 과정을 통해 웹 애플리케이션 개발의 기본 개념을 익힘 
• 배포 프로세스 학습
  - Docker와 AWS를 활용한 배포 경험을 통해 실제 기업 환경에서 사용되는 배포 프로세스를 학습
• 풀스택 애플리케이션 개발과 배포 프로세스 이해
  - 백엔드 프론트엔드와 배포 과정 실습
• 전체 워크 플로우
  - IT 직군의 전반적인 워크플로우 체감 가능

클라우드 엔지니어 역량향상

• 컨테이너 기술 이해
  - Docker 컨테이너 기술을 이용해 어플리케이션을 손쉽게 배포 및 관리하는 방법 익힘
• 리소스 운영 능력
  - 효율적인 클라우드 리소스 운영 능력 갖출 수 있음

DevOps 엔지니어 역량 향상

• 배포
  - 백엔드 프론트엔드를 컨테이너로 패키징하는 과정 경험 
• 통합 실습
  - 백엔드, 프론트엔드, 클라우드 배포가 통합된 실습 경험