반응형

Develop 9

쿠버네티스 정리

💁🏻‍♀️쿠버네티스란 무엇인가?컨테이너화된 애플리케이션의 배포, 확장 및 관리를 자동화하기 위한 오픈 소스 플랫폼쿠버네티스가 왜 유용한가전통적인 배포 시대 : 애플리케이션을 물리 서버에서 실행한 물리 서버에서 여러 애플리케이션의 리소스 한계를 정의할 방법이 없었기에, 리소스 할당의 문제가 발생했다. ⇒ 애플리케이션의 성능 저하App은 실행하고자 하는 프로그램, Bin/Library는 프로그램이 실행하는데 필요한 환경과 관련된 파일 가상화된 배포 시대 : 그 해결책으로 가상화 도입단일 물리 서버의 CPU에서 여러 가상 시스템(VM)을 실행할 수 있게 한다.가상화를 사용하면 VM간에 애플리케이션을 격리하고 애플리케이션의 정보를 다른 애플리케이션에서 자유롭게 액세스할 수 없으므로, 일정 수준의 보안성 제공..

Develop 2024.10.27

쿠버네티스_따배쿠 강의 정리(쿠버네티스 아키텍처 - Kubernetes 동작원리)

쿠버네티스에서 컨테이너 동작 Flow개발자 or 운영자: mainUI or login 컨테이너 만듦-> Docker Hub 만듦-> 컨테이너를 Hub에 저장-> master node에게 보냄 쿠버네티스 컴포넌트마스터 컴포넌트etcd : key-value : 타입의 저장소kube-apiserver : k8s API를 사용하도록 요청을 받고 요청이 유효한지 검사kube-scheduler : 파드를 실행할 노드 선택kube-controller-manager : 파드를 관찰하며 개수를 보장워커 노드 컴포넌트kubelet : 모든 노드에서 실행되는 k8s 에이전트, 데몬 형태로 동작kube-proxy : k8s의 network 동작을 관리, iptables rule을 구성컨테이너 런타임: 컨테이너를 실행하는 엔진..

Develop 2024.08.21

쿠버네티스_따배쿠 강의 정리

elinks 패키지 설치 확인 및 설치 elinks 설치 확인rpm -q elinks elinks 설치sudo yum install elinks  디플로이먼트 생성k create deployment mainui --image=httpd --replicas=3-> 최신 버전에서는 —replicas 플래그가 인식되지 않음 문제 해결 방법: 1. 디플로이먼트 생성:kubectl create deployment mainui --image=httpd 2. 디플로이먼트 스케일 조정:kubectl scale deployment mainui --replicas=3 (복제본 수로 스케일링 할 수 있음)

Develop 2024.08.21

쿠버네티스_따배쿠 강의 정리

쿠버네티스(K8s) 특징워크로드 분리어디서나 실행가능 - 온프레미스, 퍼블릭 클라우드(AKS, EKS, GKE 등)선언적 APICNI(Container Network Interface)Container간 통신을 지원하는 VxLAN, Pod Network이라고도 부름다양한 종류의 플러그인이 존재쿠버네티스 클러스터 구성control plane(master node)워커 노드들의 상태를 관리하고 제어single mastermulti master(3, 5개의 master nodes)worker node도커 플랫폼을 통해 컨테이너를 동작하며 실제 서비스 제공 쿠버네티스 명령어kubectl : 쿠버네티스 시작 = k만 입력해도 됨.kubectl get nodes : 노드 정보 조회worker node : 실제 co..

Develop 2024.08.21

HTML/CSS/JS 모달창(Moda Window)의 배경을 이미지로 구현

HTML/CSS/JS 모달창(Modal Window) 구현 특정 버튼을 클릭했을 때 모달창을 띄울 것이다. ▪ 기본 버튼 만들기 모달창 열려랏! 모달창 열려랏! ▪ 기본 모달창 만들기 CSS HTML 모달창 열려랏! 제목 X 안녕하세요 이건 모달창이에요 JS - 모 oaho.tistory.com 기본 모달창 띄우는 방법은 위의 글에서 자세하게 다뤘다. 먼저, 버튼을 클릭했을 때 이미지를 띄울 것이다. 모달창 열려랏! 제목 X 안녕하세요 이건 모달창이에요 전의 코드에서 modal-window에서 img를 넣었다. 그리고 해당 이미지의 style의 width와 height을 알맞게 지정했다. 그런데 여기서 문제가 생긴다! 이렇게 글씨가 내려온다. 해결 방법!! 글자 속성을 "position: absolute..

Develop 2023.06.27

HTML/CSS 눈금, 슬라이더 구현

1. 기본 슬라이더 type="range"를 사용하면 슬라이더를 좌우로 움직일 수 있다. 결과: 2. 색상 변경 슬라이더의 색깔을 바꾸려면 accent-color 요소로 원하는 색상을 지정하면 된다. 결과: 3. 눈금 표시 datalist 태그를 사용한다. 0 10 20 30 40 50 60 70 80 90 100 결과: 4. 눈금마다 숫자 표시 눈금과 숫자의 너비(width)요소를 알맞게 조정한다. 숫자의 눈금 사이 간격을 조절하고 싶을 때는 grid-column-gap: 15px 이런식으로 작성해주면 된다. 0 10 20 30 40 50 60 70 80 90 100

Develop 2023.06.22
반응형