Learn Studio Session: Create a website in Azure

부제: 점심 먹는 시간보다 빠르게 웹사이트 만들기

<자료> 

docs.microsoft.com/ko-kr/learn/modules/welcome-to-azure/1-introduction

소개 - Learn

https://docs.microsoft.com/en-us/learn/?ocid=AID3012652&WT.mc_id=Build2020_studiosession

Microsoft Learn

(추가로 알려준 사이트)

 

강연자는 Azure를 사용하는 모습을 일단 전반적으로 보여줬다.

DashBoard(웹사이트 상태 확인이 가능했다), Scale up(가격 표등 확인), Scale out(실제 사용량과 가격 확인), Application Insights, App service logs, Log stream(접속 확인) 등등 하나씩 눌러가면서 각각 어떤 것을 보여주는 지를 알려줬다.

신기해하면서 막 적고 있었는데, 실습하다보면 다 직접 확인해 볼 수 있는 항목들이었다.

참고하라고 알려준 사이트 docs.microsoft.com/ko-kr/learn/modules/publish-app-service-static-web-app-api/

Publish an Angular, React, Svelte, or Vue JavaScript app and API with Azure Static Web Apps - Learn

1. Azure란?

MS의 클라우드 컴퓨팅 플랫폼. 종량제 가격 책정 모델을 사용한다. 인터넷을 통해 계산 기능, 스토리지 등의 서비스를 제공함.

2. 실습 - Azure에서 호스트된 웹 사이트 만들기

 2-1. 샌드박스 활성화

 

 2-2. Azure Portal에 로그인 & MS Azure Marketplace에서 WordPress 다운 받기

 강연자 이야기를 들으면/ 설명 읽어보면 마켓플레이스에서 사전 정의된 앱을 배포해서 코드를 한 줄도 작성하지 않는, 점심 먹는 시간보다 빠른 시간 안에 웹 사이트 만들기를 할 것이라고 말하고 있다.

 *MS Azure Marketplace란? Azure에서 실행되도록 인증받고 최적화된 앱을 포스트 하는 온라인 스토어. AI 기계 학습, 웹 앱 등등 다양한 유형의 애플리케이션을 찾아볼 수 있음.

 리소스 만들기를 누르면 마켓플레이스로 이동하게 됨.

 WordPress 검색해서 만들기 선택

만들기!

 그러면 WordPress 만들기와 함께 (고유한) 앱 이름, 구독, 리소스 그룹(리소스는 이미 개별로 만들어져 있는 것을 사용!), 앱 서비스 위치 등을 선택하게 하고

리소스 가려야하는건가?? 아는 분 알려주세욘,,

 App Service 계획/위치에서 Korea, South를 누르니까 에러가 떴는데 이럴 땐 들어가서 (강연자 표현으로) lower version을 선택하면 되는데, 가격 책정 계층을 조정(F1) 했던 것 같다.

 

 2-3. 사이트 실행 확인

 뭔가 특유의 알림 소리와 함께 알림이 도착한다.

URL을 확인해서 내 WordPress 사이트를 열어본다.

위치 설정하다가 YWplan으로는 실패해서 YWplann2로 다시 함ㅎ

개요를 눌러서 구경하다 보면 각종 그래프가 나온다.

Http 5xx, 응답 시간, 데이터 입력 출력, 요청 등 그래프로 표현되어서 5가지 정도 나왔다.

 확장이란? 그래프를 확인하면 사용자가 늘어날 경우 수신되는 요청을 효율적으로 관리하지 못하는 것을 보는 경우가 생김. 이럴 때 확장을 해야 하는데, 수직확장과 수평 확장이 있다. 수직확장은 기존 가상 머신의 메모리, 스토리지, 컴퓨터 성능을 늘리는 것(ex. 더 많은 메모리를 추가)이고 수평 확장은 가상 머신을 더 많이 추가하는 것(ex. 부하 분산 장치 사용, 여러 가상 머신으로 작업 분산)이다. 

 클라우드를 사용하면 확장을 해야 할 때 배포 규모를 축소, 감축하는데 비용을 절약할 수 있다. 

 2-4. Azure Cloud Shell

 Azure도 우분투처럼 머리 검은 화면이 있다,, (아직도 강연자의 또박또박한 우. 분. 투. 가 잊히질 않네,,)

 

꼭 해야 하는 건지 아닌 건지는 모르겠는데 저 명령어를 입력하기 전에 연사님은 az를 쳐줬다. 그래서 나도 침,,ㅎ

이걸 실행하면 ↓

name을 까먹는 일은 없겠지만 만일을 대비해서 name 복사!

 웹사이트 정지시키는 명령어를 입력하고 웹 사이트에 들어가 보면 403 에러가 떠있다

 다시 웹사이트를 시작하도록 해주는 명령어를 치면 몇 초 뒤에 다시 돌아온다.

 

 Shell 말고도 Azure Portal 들어가면 아주 간단하게 정지, 시작을 할 수 있다.

언제나 그렇듯.. 우리는 gui보다 cli를... 써야한다..

 

3. 정리

이렇게 Azure로 웹사이트 만들기는 끝-

샌드박스는 저 시간이 지나면 알아서 정리된다고 한다.

마지막에 퀴즈도 있는데, 그거 다 풀면 이런 화면 뜸

이게 뭐라고 괜히 뿌듯해진다. (코쓱

이거 말고도 중간에 웹 사이트 잘 만들었는지 작업 확인을 해주는데

기분 좋다,, 포인트도 줘,,

 

강연하시는 분이 유럽 사람이라 특유의 발음이 묻어나서 알아듣기 약간 어려웠다.

사실 발음 보다도 시간 내에 설명이랑 실습 다 하려니까 바빴는지 엄청 빨리 넘어가셨음. 정신이 없었다. 라이브 끝나니까 뭐가 휘몰아친 느낌.. 그래도 유익했다.

어제까지도 Azure가 뭔지도 몰랐는데 웹 사이트도 만들어 봤다.

휴학 중엔 전공을 하지 않겠다고 다짐했었지만 워낙 친절하게 설명되어 있어서 스트레스 1도 없이 새로운 걸 배웠다...!