전체 글

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분 타이머를 무한 반복하고 이를 세는 프로그램이다. 일단 기능 정리부터 해보았다.큰 프로젝트라면 노션에 표라도 만들어서 그럴듯하게 적어야 하지만그냥 작은 기능 하나이기에 메..

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