슬기로운 IT생활

MS 애저 클라우드 자격증 시험인 AZ-900 준비를 위해 공부했던 내용을 요약하려고 한다. 우선 이번 페이지는 클라우드 개념에 대해 먼저 소개하겠다. ​ 1. 왜 클라우드 서비스인가? ​ 전체적인 비용을 감소 시킬 수 있고 서버 설치 등 쓸데 없는 시간을 낭비하지 않고 진입장벽이 낮아 손쉽게 구축 후 기술을 테스트할 수 있다. ​ 클라우드와 관련되어 사용되는 키워드는 다음과 같다. ​ Cost Ondemand Agility Virtualization ​ ​ 2. 클라우드 컴퓨팅이란? 인터넷 망을 통해서 서버, 스토리지, DB, 분석 솔루션, 어플리케이션 등을 제공하는 것으로 인터넷 망을 통해 컴퓨터 리소스를 사용할 수 있다. ​ ​ 3. 클라우드 특성, 주요 개념 및 용어 ​ 내결함성, 고가용성, 재해..

클라우드 서비스 업체의 메이저로 아마존의 AWS, MS의 Azure, 구글의 GCP가 있다. 이 중에 MS Azure 자격증 중 가장 기본인 Fundamentals 자격증(AZ-900) 취득을 위해 무료로 시험을 볼 수 있는 방법을 알려주려고 한다. AZ-900 관련 정보 MS Azure 자격증 시험 중 가장 기본으로 대략 30 ~ 40문제 정도 출제되는 것 같고 1,000점 만점에 700점을 취득하면 된다. 신분증, 신용카드 또는 여권(영문 이름 확인 용) 지참이 필요하며 웹캠, 마이크, 네트워크 통신이 원활해야 집에서 시험볼 수 있다. (예: 노트북) ​ 시험 응시 언어는 영어/한국어 중에 선택할 수 있고 시험 결과는 바로 나온다. 자격증 무료 시험 응시 방법 ​ 시험 관련 무료로 자격증을 취득할 수..

오늘 먹을 음식은 하남쭈꾸미 보통 매운맛입니다. 저번에 프레시지 떡볶이 1970 포스팅을 했었는데 그때 같이 구매했던 상품입니다. ​ 개인적으로 쭈꾸미를 좋아하며 이마트에서 쭈꾸미 사령부 같은 제품도 구매해서 먹어봤지만 내 입맛에는 하남쭈꾸미가 최고인 것 같습니다. ​ 하남쭈꾸미 제품은 위와 같이 생겼습니다. ​ 우선 조리법이 너무나도 간단합니다. 냉동실에서 하남쭈꾸미를 꺼내고 개봉전 포장상태 그대로 30분 이상 찬물에 담궈서 자연 해동 시킵니다. ​ 좀 덜 해동한 것 같아요. 저는 시간이 부족(배고파서) 20분 정도 담궜는데요 좀 덜 해동된 것 같지만 괜찮았습니다. ​ 쭈꾸미 크기는 그렇게 크지 않습니다. 몸통과 다리는 분리되어 있는데 다리가 꽤 많은 것 같습니다. ​ 프라이팬에 넣고 중불로 5~7분 ..

한창 앱 개발이 진행 중이지만 개인적으로 플러터 공부에 대해 정리도 하고 쉬어가는 의미로 Stateless와 Stateful 차이점에 대해 포스팅한다. ​ Stateless Widget 화면이 로드될 때 한 번만 그려지는 State가 없는 위젯으로 변경이 필요한 Data가 없는 것을 의미하며 이벤트 또는 사용자 상호 작용에 의해 동작하지 않는다. ​ 예를 들어 지금 제작 중인 미소닭갈비 앱의 가게 안내, 메뉴 안내 화면처럼 사용자와 상호작용이 필요 없는 위젯은 Stateless Widget으로 구성하면 된다. ​ ​ Stateful Widget ​ 위젯이 동작하는 동안 Data 변경이 필요한 경우 화면을 다시 그려서 변경된 부분을 위젯에 반영하는 동적인 위젯으로 이벤트 또는 사용자 상호 작용에 의해 동작..

속초를 방문하며 뭘 먹을까 고민하다가 아기가 너무나도 좋아하는 장어를 먹으러 갔습니다. ​ 가게 이름은 척산 장어촌 ​ 여기는 속초 가서 장어 먹으면 항상 들리는 집이에요. 여기 말고 영랑동 쪽에도 장어전문점이 있는데 가격은 비슷하지만 여기 매장이 더 깔끔해서 방문하고 있습니다. ​ 매장 외관 딱 봐도 아시겠지만 주차 공간이 매우 넓습니다. ​ 명품 토종 민물장어인 자포니카만 사용한다고 합니다. ​ 보통 장어 전문점을 가면 국내산과 국산을 표기하는 장어를 볼 수 있는데 국내산은 해외산을 국내에서 키운 장어를 의미하며 국산은 순수 국내 토종 장어인 자포니카 종으로 크기가 크고 살도 두툼해서 맛있다고 합니다. ​ ​ 실내 실내는 평범합니다. 확실하지 않지만 테이블은 10개 정도 있었던 것 같습니다. 아기 의..

이제는 두 번째 화면인 메뉴 화면을 만들어보겠다. ​ 사실 메뉴판은 대표 메뉴로 어떤 음식이 있고 금액은 얼마인지 그리고 원산지가 어디인지만 잘 표현되면 된다. 그래서 홈페이지에 있는 메뉴판 내용을 그대로 가져왔다 ​ ​ 가게 안내 페이지와 동일하게 이름만 MenuGuide인 클래스에 NestedScrollView에 SliverAppBar와 ListView로 구성하였다. ​ 메뉴판 이미지는 SliverAppBar에 FlexibleSpaceBar에 넣었고 ListView 쪽에는 각 메뉴별 대표 이미지를 리스트로 줄줄이 넣었다. ​ ​ 소스 코드는 다음과 같다. import 'package:flutter/material.dart'; class MenuGuide extends StatelessWidget { ..

매장 안내를 의미하는 화면을 만들 예정이다. ​ 페이지 특성상 특별한 기술도 필요 없을 것 같고 가게를 소개하는 내용만 잘 구성해서 보이면 될 것 같다. ​ 우선 이전 포스팅에서 만든 NestedScrollView 하단에 ListView 추가 후 내용을 때려 넣으려고 한다. ​ 우선 ShopGuide 클래스에서 아래와 같이 ListView와 그 자식으로 Text를 추가해봤다. ​ 디버깅하여 에뮬레이터 화면을 보면 아래와 같이 추가한 텍스트가 잘 표현되는 것을 볼 수 있다. ​ 이제 그 아래에 공백과 사진을 넣어보겠다. 아래와 같이 Container로 공백을 넣었고 그 아래에 이미지도 추가했다. ​ 이전 포스팅에서 MediaQuery 클래스로 size.height를 이용해 핸드폰 화면 높이를 얻었는데 Co..

첫 번째 화면에 해당하는 '가게 안내' 페이지를 작성하기 전에 앱 상단 바를 애니메이션 스크롤 형태로 만들겠다. ​ SliverAppBar를 사용하여 앱 상단 바를 동적으로 표현할 예정이다. 위로 스크롤 하면 바가 작아지는데 이걸 Sliver 효과라고 부른다. ​ 우선 만들어놓은 화면 중 shopguide.dart 파일로 이동 후 아래 소스 코드를 추가한다. ​ 먼저 한 화면에 여러 개의 스크롤을 사용할 수 있는 NestedScrollView를 추가했고 그 안에 위젯으로 SliverAppBar를 추가했다. SliverAppBar에는 여러 옵션들이 있는데 중요해 보이는 pinned, floating, snap에 대한 내용은 위 주석을 참고바란다. 나는 우선 깔끔하게 화면을 구성하기 위해 appbar를 안 ..

지금까지는 워밍업이었고, 이제 본격적으로 앱 개발을 시작하려고 한다. ​ 나는 누구나 쉽게 따라 할 수 있는 소스 코드를 좋아하기 때문에 쉽고 단순하게 만들어보겠다. ​ 우선 하단에 구성할 탭 메뉴를 만들어보자. 플러터 개발 첫 포스팅 때 얘기했지만 메뉴는 총 4개로 구성할 예정이다. ​ 1. 가게 안내 2. 메뉴 안내 3. 오시는 길 4. 스토어 ​ 4개의 메뉴는 탭으로 구성할 예정이며 쉽게 그리고 이쁘게 만들기 위해 애니메이션 탭을 지원하는 convex_bottom_bar 패키지를 다운로드할 예정이다. 더 이쁜 패키지도 있지만 이 버전이 안정적인 것 같아서 다운로드했다. ​ pubspec.yaml으로 이동하여 convex_bottom_bar를 추가 후 Get Packages를 누른다. convex_b..

VS Code에서 플러터로 소스를 수정 후 디버깅할 때 에뮬레이터 우측 상단에 디버그 배너가 항상 보이는데 이 배너가 거슬리는 사람을 위해서 포스팅한다. ​ 아래 이미지 우측 상단을 보면 DEBUG라는 표시가 보임 ​ 소스 코드에서 다음을 추가한다. ​ debugShowCheckedModeBanner: false, 이후 디버깅을 수행해보면 우측 상단에 보이던 DEBUG 배너가 사라진 것을 볼 수 있다. 별거 아니지만 디버깅할 때마다 DEBUG 띠가 보이는 게 거슬리는 사람을 위해서 포스팅한다. ​ 아 그리고 이전 포스팅에서 앱 이름을 5글자로 정했더니 잘려서 고민이었는데 앱 이름은 그냥 '닭갈비'로 심플하게 정리했다. ​ 좌측 상단 앱을 보면 '닭갈비'라고 아주 심플한 앱이 보인다.