분류 전체보기

CSS의 특징 살펴보기기본 스타일 시트h1, h2 등등은 따로 스타일을 지정하지 않아도 폰트 크기 등이 정해져 있습니다.이처럼 웹 브라우저 내에 내장된 기본 스타일 시트가 존재합니다. 적용 우선순위와 개별성 우리가 알던 h1 태그와 크기, 굵기 등이 모두 다릅니다.이처럼 사용자가 별도로 스타일을 정의하면 기본 스타일 시트보다 사용자의 정의가 우선시 된다는 것을 알 수 있습니다. 그렇다면 같은 태그에 여러 스타일을 정의하면 어떻게 될까요?마지막에 작성된 스타일이 적용된 것을 알 수 있습니다.이를 CSS에서는 단계적 적용이라고 부릅니다. 각 선택자에 점수가 존재하고, 높은 점수의 선택자가 우선시되며, 같은 점수의 선택자라면 나중에 나온 선택자가 우선시 되는 방식입니다.이때 단계적 적용의 순서를 정하기 위한 ..

쿠버네티스에서의 네트워크 환경쿠버네티스의 네트워킹 환경에는 내부용 서비스, 외부용 서비스, 특수한 형태 등이 있습니다. 파드는 클러스터 외부의 요청이나 클러스터 내부의 다른 파드의 요청에 응답하고, 다른 파드의 애플리케이션에 접근하기 위해 파드를 찾을 수 있어야합니다.하지만 쿠버네티스는 기존의 시스템 호스트 이름, 정적 IP 할당 등의 기능을 사용 할 수 없습니다. 1. 파드는 일회성으로 동작하기 위해 설계되어 언제든지 제거될 수 있습니다.2. 특정 노드에 파드가 스케줄링 되고 IP 주소가 동적할당됩니다. 파드의 IP 주소를 예측할 수 없습니다.3. 분산 아키텍처 및 수평 스케줄링의 경우 여러 파드가 같은 애플리케이션을 제공합니다. 각 파드마다 IP가 존재하고, 스케일링될 때마다 클라이언트는 해당 IP를..

기본 선택자전체 선택자See the Pen Untitled by onCloud (@onCloudzz) on CodePen.HTML에서 사용 가능한 모든 요소를 한 번에 선택자로 지정하는 방법입니다.태그 선택자See the Pen Untitled by onCloud (@onCloudzz) on CodePen.HTML 태그명으로 선택자를 지정하는 방법입니다.아이디 선택자See the Pen Untitled by onCloud (@onCloudzz) on CodePen.태그에 아이디를 지정해 선택자로 사용하는 방법입니다.아이디명 앞에 # 을 붙이면 됩니다.클래스 선택자See the Pen Untitled by onCloud (@onCloudzz) on CodePen.태그에 클래스를 지정해 선택자로 사용..

웹 개발을 이제 막 시작하고 나서적당히 로직 연습도 되고 디자인도 적당히 되는 그런 주제를 고민하다 나온 주제다. Pomodoro(뽀모도로?)라고 부르는 이 친구는 이탈리아의 프란체스코 치릴로 라는 경영 컨설턴트가 제안한 방법론이다. 꽤 유명한 시간 관리 방법론인데, 25분의 작업 시간과 5분의 휴식시간으로 이루어져 있고이를 작업이 끝날 때 까지 계속 반복하는 것이다. 이 방법대로 하면 작업시간에 높은 집중력을 유지할 수 있어서자주 쉬는 것 같지만 전체 작업시간이 단축되는 효과를 볼 수 있다. 기능 자체가 많지 않고 단순히 25분과 5분 타이머를 무한 반복하고 이를 세는 프로그램이다. 일단 기능 정리부터 해보았다.큰 프로젝트라면 노션에 표라도 만들어서 그럴듯하게 적어야 하지만그냥 작은 기능 하나이기에 메..

본격적인 프로젝트라고 하기엔 민망한 기능들 만드는 과정을 올릴 예정입니다. 그냥 생각나는거 만들때 올릴거라 다른 카테고리보다 슈퍼 랜덤일 예정입니다.

CSS 문법 형식H1 { color : red;} HTML의 태그(예를 들면 h1, p, form, div)나 class, id 속성등을 선택하는 선택자그리고 중괄호 내부의 선언부로 이루어진다. CSS 적용 방법1. 내부 스타일 시트 사용하기HTML 파일 내에 CSS 코드를 적는 방법으로,HTML이 지원하는 태그 중  예시:See the Pen Untitled by onCloud (@onCloudzz) on CodePen.   2. 외부 스타일 시트 사용하기HTML 문서 내에 작성하다보면 CSS 부분의 길이가 길어지는 경우가 생길 수 있습니다.그렇게 되면, HTML 문서의 가독성이 떨어지는 경우가 생겨 문제가 발생합니다.그래서 태그에 스타일 시트 파일을 연결해 외부 파일에서 CSS를 작업하는 방법을 ..

데몬셋은 모든 노드의 파드를 실행하도록 하며 systemctl에서 제어하는 모든 것을 의미함.데몬셋이 반드시 하나의 노드에 파드 하나씩 존재하는 것을 보장함따라서 노드가 클러스터에 추가되면 파드가 추가되고, 클러스터에서 제거되면 가비지에 수집됨 ReplicaSets은 각각의 노드에 배치되는 것이 가장 고가용성 구축 방법이지만sched 스케줄러에 의해 제어되어 분산을 보장할 수 없고 노드가 어느 파드에 배치될 지 모름 대표적인 용도론모든 노드에서 클러스터 스토리지 데몬 실행로그 수집 데몬 실행노드 모니터링 데몬 실행SelectormatchExpression가 파드의 label과 AND연산으로 매칭이 되어야 함.metadata의 labels는 matchLabels와는 맞춰줘야 하는 것이 맞고,controll..

워크로드 리소스는 컨트롤러 - 컨트롤러는 파드의 집합 대부분 컨트롤러를 만들고 해당 컨트롤러가 파드를 만들고 파드가 컨테이너를 만듦 쿠버네티스의 빌트인 워크로드 리소스PodControllerReplicationControllerReplicaSetsDaemonSetsJobsCronJobsDeploymentsStatefulSetsHorizontalPodAutoscalerDeployment 및 ReplicaSet.Deployment는 Deployment의 모든 Pod가 필요시 교체 또는 상호 교체 가능한 경우, 클러스터의 스테이트리스 앱 워크로드 관리에 적합함. StatefulSet어떻게든 스테이트를 추적하는 하나 이상의 파드를 동작하게 함 DaemonSet노드-로컬 기능을 제공하는 Pods를 정의함클러스터 ..

파드의 상태파드의 상태는 컨테이너의 상태를 반영한다. 쿠버네티스는 다양한 컨테이너 상태를 추적하고 파드를 다시 정상 상태로 만들기 위해 취할 조치를 결정하며, 파드의 status 필드는 phase 필드를 포함하는 PodStatus 오브젝트로 정의phase에 가능한 값Pending : 스케쥴링되기 전, 이미지 받기 전, 컨테이너가 준비 되기 전Running : 컨테이너가 실행 중, 실행 전, 재시작 등Succeeded : 정상종료 : return code 0Failed : 비정상 종료 : return code !0Unknown : 노드의 통신 문제로 상태를 알 수 없음Pending 상태가 지속되는 경우 만족하는(배치 할 수 있는) 노드가 없어(insufficient node) 스케쥴링을 할 수 없는 상태가..

Label Label은 AWS의 TAG와 비슷하여, Label은 리소스에 하나 이상 설정할 수 있고, 중복될 수 있다. Label은 오브젝트의 특성을 식별하는 데 사용한다. metadata의 키를 사용하며, 키는 중복이 가능하다. 권장 레이블 : 권장일 뿐 must는 아니다. 일반적으로 애플리케이션 이름, 버전, 도구, 만든 사용자 등을 붙여준다. 유효한 레이블 조건 63 자 이하(공백일 수도 있음) (공백이 아니라면) 시작과 끝은 알파벳과 숫자([a-z0-9A-Z]) 알파벳과 숫자, 대시(-), 밑줄(_), 점(.)을 중간에 포함 가능 레이블 확인$ kubectl get pods --show-labels$ kubectl get pods -o yaml$ kubectl describe pods  레이블 ..