공부 기록용 공부 기록용

CIDR이란?CIDR(Classless Inter-Domain Routing, 클래스 없는 도메인 라우팅)은 IP 주소와 서브넷 마스크를 함께 표현하는 방식이다. 네트워크 크기를 유연하게 설정할 수 있도록 만들어졌으며, 현재 대부분의 네트워크에서 사용된다. CIDR 표기법CIDR은 IP 주소 뒤에 슬래시(/)와 숫자를 붙여서 표현 예: 10.0.3.0/2410.0.3.0: 네트워크 주소/24: 서브넷 마스크 (앞의 24비트가 네트워크를 나타냄) CIDR에서 숫자의 의미 (/24)/24는 24비트가 네트워크 부분을 나타낸다는 의미이다.IPv4 주소는 32비트이므로 32 - 24 = 8나머지 8비트는 호스트(장치) 부분으로 사용된다.2진수 : 11111111.11111111.11111111.000000001..

서브넷 마스크서브넷 마스크는 IP 주소를 네트워크 부분과 호스트 부분으로 나누는 역할을 한다.서브넷 마스크: 255.255.255.0은 CIDR 표기법으로는 /24로 표현된다./24는 네트워크에 24비트가 할당되었다는 의미이며, 남은 8비트는 호스트 주소를 위한 것이다.IP 주소 범위 계산:10.0.3.0/24는 다음과 같은 범위를 가집니다:시작 IP: 10.0.3.0 (네트워크 주소)끝 IP: 10.0.3.255 (브로드캐스트 주소)사용 가능한 IP: 10.0.3.1 ~ 10.0.3.254 (254개) 서브넷 마스크에 따른 서브넷 개수 정리 (C 클래스 기준) 서브넷 마스크CIDR 표기서브넷 비트 수서브넷 개수블록 크기 (주소 범위)255.255.255.0/2401256255.255.255.128/2..

https://docs.aws.amazon.com/ko_kr/vpc/latest/userguide/what-is-amazon-vpc.html Amazon VPC란 무엇인가? - Amazon Virtual Private Cloud이 페이지에 작업이 필요하다는 점을 알려 주셔서 감사합니다. 실망시켜 드려 죄송합니다. 잠깐 시간을 내어 설명서를 향상시킬 수 있는 방법에 대해 말씀해 주십시오.docs.aws.amazon.com VPC (Virtual Private Cloud)AWS에서 제공하는 가상 네트워크 서비스로, 사용자가 자신의 AWS 리소스를 논리적으로 격리된 네트워크 환경에서 운영할 수 있도록 해준다. VPC를 통해 사용자는 네트워크를 직접 정의하고, 원하는 IP 범위, 서브넷, 라우팅 테이블, 네트워..

내결함성(Fault Tolerance)이란?시스템이 일부 구성 요소에 장애(fault)가 발생하더라도, 전체 시스템이 중단 없이 정상적으로 기능을 수행할 수 있는 능력을 의미합니다. 즉, 내결함성이 있는 시스템은 장애가 발생해도 오류를 최소화하거나 자동으로 복구하여 정상적인 서비스 제공을 유지한다. 내결함성의 핵심 요소:장애 허용: 일부 구성 요소에서 장애가 발생해도 시스템 전체는 여전히 작동. 이를 통해 서비스가 지속적으로 제공될 수 있다.자동 복구: 장애가 발생한 구성 요소를 자동으로 복구하거나 교체할 수 있는 기능이 내장되어 있다.중복성(Redundancy): 내결함성을 위해 시스템 내에 중복된 자원을 배치해 장애가 발생했을 때 백업 자원이 자동으로 사용됨.Amazon SQS와 Lambda의 내결함..

리액트 개발에서는 화면에 표시하는 데이터나 길이가 변하는 상태 등을 모두 State로 관리한다.리액트 훅useState const [State 변수, State 업데이트 함수] = useState();const [State 변수, State 업데이트 함수] = useState(초깃값);src/App.jsximport { useState } from "react";import { ColoredMessage } from "./components/ColoredMessage";export const App = () => { // State 정의 // const [State 변수, State 업데이트 함수] = useState(초깃값); const [num, setNum] = useState(0); // ..

PropsProps는 컴포넌트에 전달하는 인수 같은 것으로 컴포넌트는 전달받은 Props에 따라 표시하는 스타일과 내용을 변경한다.동적으로 컴포넌트를 재사용할 수 있도록 Props로 조건을 전달한다.아래와 같이 style을 작성하면 번거롭고 코드가 길어진다.src/App.js// 다른 파일에서도 사용할 수 있도록 export 한다.// export 한것을 import 하면 다른 파일 안에서 사용할 수 있다.export const App = () => { // 버튼 클릭 시 실행되는 함수 정의 const onClickButton = () => { alert("콘서트 가고 싶다!"); }; // CSS 객체 const contentStyle = { color: "blue", font..

1. JSX 표기법 JSX 표기법에서는 함수의 반환 값을 HTML 태그를 기술할 수 있고 그것을 컴포넌트로 다뤄 화면을 구성한다.public/index.htmlsrc/index.js// react-dom 라이브러리에서 ReactDOM이라는 이름으로 모듈을 import 한다.import ReactDOM from "react-dom";// 함수 정의const App = () => { // return null; return 두밧두 와리와리;};// 첫번째 인수 render 대상, 두번 째 인수 render 위치// 리액트에서는 함수명을 HTML과 같이 태그로 감싸서 컴포넌트로 다룰 수 있다.ReactDOM.render(, document.getElementById("root"));return 이후 행이 ..

index.html Hello world! 영역 1 입니다. 영역 2 입니다. style.csshtml { height: 100%; width: 100%;}.container { border: solid 1px #ccc; padding: 16px; margin: 8px;}script.js// selector로 요소 얻기// getElementById 사용const title1 = document.getElementById("title");console.log(title1);// querySelector 사용const title2 = document.querySelector("#title");console.log(title2);// 클래스명으로 엘리먼트 얻기 const..