블로그하는프로그래머

오늘은 신설동에 있는 토종한우마을 정육 점에 다녀 왔습니다.

정육 식당 처럼 운영을 하고 있으시는데, 고기 값이 다른곳에 저렴한 편입니다.

메뉴판이 이렇게 보이네요~^^

이곳의 별미 음식인 김치찌개를 먹었는데, 진짜 맛있습니다.

요즘 코로나로 장사가 잘 안되셔서 배달 음식점을 고려 중 이라고 하시는데 김치찌개랑 고기 맛있는 집 홀이 없어지기 전에 방문 해 보세요~^^

[카카오맵] 토종한우마을정육점유통
서울 성북구 보문로13나길 32 (보문동7가)

http://kko.to/Q2OD9Y24H

[네이버 지도]
토종한우마을
서울 성북구 보문로13나길 32
http://naver.me/xeUVjrig

마스터 노드 #1인 Instance-1 서버에서 다른 서버에 원격 접속 (SSH) 가능하도록 설정

Kubespary(쿠버네티스) 설치

클러스터로 구성할 서버 정보 설정

클러스터 설치 옵션 확인

Kubespary(쿠버네티스) 제공하는 앤서블 플레이북 실행

1. 인스턴스 1 을 선택 하여 ssh 접속을 합니다.

연결중....

1-1. 다른서버에 ssh로 접속 하도록 설정 하기

ssh공개키와 비밀키를 생성 합니다.

ssh-keygen -t rsa

 최초 생성시 생성될 위치와 사용할 비밀번호를 묻습니다. 

엔터만 누르면 기본값으로 셋팅 되요~

rsa 파일과 공개키 .pub 파일이 생성 됩니다.

cat으로 .pub 내용을 확인 하여 클립보드에 복사해 둡니다.

ssh-rsa AAAAB3NzaC1yc2EAAAADAQABAAABAQDp5EHLiMId2acr4lsu5HUBxCl41tDrG6vvP87znea69uB/UlglWP44t9e2Tqs2uoAgB6gpMwdJaCa99cYrQp5hhVvTT1EFYsiyzSryM8+1ysntcfLdjY3keqCenzoEeCTm9Q/d+iNolB5zmxs2WUstqhipO7vWws6Ng49XfQLwzwj48L50v3YcUKhTF7Tp8UYAELTtfLpzSByE3MD48AJ6yXlR5ne2RLJaD7TMD/WVqv4A0iCos0ywkbnEvLA2WFGgYReBxWMKy8dNTizknsondn9mGabmnxSXVjbo05t89iYguvGy/A0tQz22d/kp2Zw8NgS0rAqpRYgseVljvTen marcjoo1209@instance-1

구글 클라우드의 메타 데이터 메뉴로 들어갑니다.

ssh 키 탭을 눌러 이동 합니다.

수정 버튼 클릭합니다.

항목 추가 합니다.

ㅡㅡ; 추가가 안됩니다.

이방법이 안된다면, 5대의 서버에 SSH 공개 키를 배포 해야 합니다.

다음시간에....

1. 실습 인프라 구성

구글 클라우드 플랫폼에서 제공하는 무료 평가판을 이용 합니다.

https://cloud.google.com/kubernetes-engine/

회원 가입 후 12개월 동안 무료 평가판 사용 가능 합니다.

신용카드를 입력 해야 하는 번거로움이 있지만 모든 기능을 사용 할 수 있습니다.

사용이 완료 되면 인스턴스 모두를 삭제 하여 요금발생을 방지해야 합니다.

활성화 버튼을 클릭 합니다.

결제정보등을 입력 합니다.

쿠버네티스 엔진 사용을 클릭 합니다.

1-1.  VM인스턴스 만들기

vm 인스턴스를 검색 하여 클릭 합니다.

인스턴스 만들기 클릭 합니다.

인스턴스 만들기 에서

부팅 디스크 변경을 클릭 합니다.

우분투 클릭 합니다.

Ubuntu 18.04 LTS 를 선택 하여 만들기 합니다.

instance-1 이 생성 되었습니다.

인스턴스 만들기를 클릭 하여 4개의 인스턴스를 추가 하여 총 5개의 인스턴스를 만듭니다..

이것으로 셋팅 1을 마칩니다.

다음장에서는 아래의 내용으로 정리해 보겠습니다.

마스터 노드 #1인 Instance-1 서버에서 다른 서버에 원격 접속 (SSH) 가능하도록 설정

Kubespary(쿠버네티스) 설치

클러스터로 구성할 서버 정보 설정

클러스터 설치 옵션 확인

Kubespary(쿠버네티스) 제공하는 앤서블 플레이북 실행

클라우드 환경을 제공하는 서비스 들은 쿠버네티스를 사용 할 수 있는 도구들을 제공 합니다.

1. 구글 쿠버네티스 엔진

https://cloud.google.com/kubernetes-engine/

https://gsuite-img.hosting.kr/wp-content/uploads/2019/12/18154421/1.-google-kubernetes-engine-shared-VPC.jpg

https://gsuite-img.hosting.kr/wp-content/uploads/2019/12/18154425/2.-GKE_Architecture.png

2. 아마존 쿠버네티스 일래스틱 컨테이너 서비스

https://aws.amazon.com/ko/blogs/korea/category/compute/amazon-kubernetes-service/

3. 애저 쿠버네티스 서비스

https://azure.microsoft.com/ko-kr/services/kubernetes-service/

쿠버네티스를 사용하는 방법은 1. 설치 없이 웹에서 사용하는 방법 2. 설치하여 클라이언트에서 사용하는 방법이 있습니다.

1. 설치 없이 웹에서 사용하는 방법

1-1. 카타코다 쿠버네티스 플레이 그라운드

https://www.katacoda.com/

1-2. play with kubernetes

도커에서 제공하는 쿠버네티스 실습용 웹 환경이다.

https://labs.play-with-k8s.com/

첫화면에서 로그인을 통해 깃허브나 도커허브 계정으로 로그인 후  'start'를 눌러 사용 합니다.

Add New Instance 를 눌러 노드를 여러대 추가 할수 있다.

2. 도커데스크톱을 이용한 쿠버네티스 설치

윈도우에 도커, 쿠버네티스 설치

https://www.docker.com/products/docker-desktop

url 접속 하여 도커 다운받아 설치 합니다.

회원 가입을 통해서 아이디/패스워드를 갖고 있어야 도커를 사용 할 수 있습니다.

설치 완료 후 화면 컴퓨터 재시작을 합니다.

재시작 후 도커가 자동 실행 되면서 아래 화면이 나타납니다.

I accept the terms 클릭!

Accept 활성화 되면 클릭 합니다.

리눅스 커널 설치 를 해야 한다는 알럿 메시지가 발생 합니다..

kernel update 사이트를 접속해 봅니다.

https://docs.microsoft.com/ko-kr/windows/wsl/install-manual#step-4---download-the-linux-kernel-update-package

cmd 환경에서 아래 업데이트 문을 실행 합니다.

dism.exe /online /enable-feature /featurename:Microsoft-Windows-Subsystem-Linux /all /norestart

관리자 권한으로 실행해야 정상 설치가 됩니다.

dism.exe /online /enable-feature /featurename:VirtualMachinePlatform /all /norestart

커널을 다운로드 해서 설치 합니다.

https://wslstorestorage.blob.core.windows.net/wslblob/wsl_update_x64.msi

도커의 버전을 확인해 봅니다.

명령 프롬프트에서  docker version 을 입력 합니다.

설치가 완료 되면, 도커를 실행 하여 로그인 해 봅니다.

쿠버네티스를 활성화 해 봅니다.

도커의 setting 화면으로 이동 합니다.

kubernetes를 클릭 합니다.

쿠버네티스가 설치가 안되어 있다면 

쿠버네티스의 버전을 확인 합니다.

kubectl version 을 프롬프트에서 실행 합니다.

kubectl get pods -n kube-system 명령으로 실행 중인 시스템 파드들을 확인 합니다.

이번애 아이 휴대용 유모차를 구입해야 해서 이것저것 알아보다가 구매하게된 터보휴대용유모차를 리뷰 해보려 한다.

18개월 아기가 탔을때의 느낌은 이정도 이다.

타보 휴대용 유모차

부가부 카멜레온 유모차 2015년식

비교를 해보자면

부가부 휴대용이 아니기에 무개가 있고, 손집이랑 바퀴부분이 고급 스럽고 핸들링이 부드럽다, 비싸다.

타보 유모차는 휴대용이기에 가볍고 가격이 합당하고 부가부 보다는 핸들링이 다소 덜 부드럽지만 불편한 정도는 아니다.

우리는 앉는 좌석이 낮아서 좀 높은 유모차를 찾았고, 아이가 클수록 유모차에서 혼자 내려오는 걸 방지하고자 t바가 있는 유모차를 찾았는데 합당했다.

그리고 이 리뷰는 사은품 방한커버를 받고자 작성한 후기다.

구입에 도움이 되면 좋겠다~^^

css 박스 모델

웹브라우저는 각 요소를 박스로 간주하거 화면에 배치한다.

컨텐츠(content) : 박스의 내용물, 텍스트와 이미지가 나타나는 부분이다.
패딩 (padding) : 콘텐츠 주위의 영역, 패딩은 투명 하다
경계(border) : 패딩과 내용물을 감싸는 경계, 경계는 박스의 경계색에 의하여 영향을 받는다.
마진(margin) : 경계 주위의 영역, 마진은 투명 하다.

경계선 스타일
border-style 상 하 좌 우 선택 가능
none
dotted
dashed
solid
double
groove
ridge
inset
outset

경계선의 폭
border-width 상 하 좌 우 선택 가능
thin
medium
thick

경계선 컬러
border-color
색상(green)
rgb(0, 255, 0)
"#00ff00"

둥근 경계선
border-raius 둥근 코너의 반지름
25px

경계선의 그림자
box-shadow 가로오프셋 세로오프셋 번지는정도 그림자색

경계 이미지
border-image
-webkit-border-image : url() 30 30 round /* safari 5 */
-o-border-image : url() 30 30 round /* opera */
border-image : url() 30 30 round /* chrome */

마진과 패딩

요소 크기 설정
css 에서는 모든 요소의 크기를 width 와 height 속성을 이용해 설정 할 수 있다

요소 크기 변경
resize 속성을 이용할 경우 양방향 크기 조정 메커니즘을 제공하여 사용자가 요소의 높이와 너비를 모두 조정할 수 있게 한다.
resize 의 깂은 both, horizontal, vertical, none

마진 설정 하기
auto : 브라우저가 마젠을 계산 한다.
length : 마진을 px, pt, cm 단위로 지정할 수 있다, 디폴트 0pz
% : 미진을 요소 폭의 퍼센트로 지정 한다.
inherit : 마진이 부모 요소로부터 상속된다.

마진의 각 변을 별도로 지정 하는 방법
margin-top : 10px
margin-right : 10px
margin-bottom : 10px
margin-left : 10px

margin : top right bottom left

패딩 설정 하기
패딩은 콘텐츠와 경계 사이의 간격 이다.
length : px, pt, em 단위로 패딩응 설정한다.
% : 패딩을 내용물의 퍼센트로 지정 한다.

마진의 각 변을 별도로 지정하는 방법
padding-top : 10px
padding-right : 10px
padding-bottom : 10px
padding-left : 10px

한 줄에서 모든 변에 대한 값을 지정 하는 방법
padding : top right bottom left

마진과 패딩의 값을 설정할때 음수로 설정 할 수 있다
이 경우 요소가 겹쳐서 보이게 된다.
웹디자인 에서 이것을 고의적으로 이용하는 경우도 많다.
특히 이미지와 텍스트를 나란히 표시할 때 사용한다.

박스의 크기계산
css 를 통하여 요소의 width, height 속성을 설정하면 요소 안에서 콘텐츠 영역의 크기가 설정된다.
요소의 전체 크기를 계산하려면 여기에 패딩, 경계, 마진을 더해야 한다.

ex)
#target {
width:200px;
padding:10px;
border: 5px solid red;
margin : 20px;
}

마진 20+ 20
경계 5+ 5
패딩 10 + 10
내용물 200

으로 270 이다.

margin 속성을 이용한 수평 정렬
어떤 HTML 요소를 화면의 중앙에 위치시키고자 하면, align='center' 로 하면 되었다.
html5 에서 align 속성을 삭제 하였다.
css만을 사용하여 어떤 요소를 중앙 정렬하려면 어떻게 해야 하는가?

- 인라인요소
테스트나 <em>과 같은 인라인 요소를 컨테이너의 중앙에 놓으려면 컨테이너의 text-align 속성을 사용하면 된다.
그렇게 하면 블록 수준의 컨테이너 안에서 인라인 요소가 중앙 정렬된다.
예를 들어 <em> 요소를 <p> 안에서 중앙 정렬 해보자.
ex) p, em, strong, div { border: dotted 3px red; }
style="text-align : center"

- 블록요소

키움증권 영웅문 모바일 차트선 기본 셋팅 방법을 정리 하고자 한다.

키움증권 모바일에 접속 한다

차트메뉴에서 설정 버튼을 클릭한다.

기간 6개를 사용하여 일수를 지정 한다.

구분을 하기위해 라인 설정 탭에있는 라인의 색과 굵기를 변경 한다.

가장기본이 되는 2년 1년 6개월선 을 확인한다.