비밀공부방

컴퓨터 시스템 버스 컴퓨터 시스템 버스는 CPU, 메모리, 주변기기와 같은 컴퓨터의 다른 부분들을 연결하는 통신선들의 집합이다. 이를 통해 이러한 구성 요소 간에 데이터 및 제어 신호를 전송할 수 있습니다. 버스는 서로 다른 구성 요소 간에 데이터, 주소 및 제어 신호를 전송하는 역할을 합니다. 버스의 속도와 폭은 한 번에 얼마나 많은 데이터를 전송할 수 있는지, 얼마나 빨리 전송할 수 있는지를 결정한다. 시스템 버스 구성 컴퓨터 시스템 버스는 크게 주소 버스, 데이터 버스, 제어 버스의 세 부분으로 나눌 수 있다. 주소 버스: 주소 버스는 메모리 주소를 메모리 및 입출력(I/O) 장치로 전송하는 역할을 합니다. 데이터를 저장하거나 검색할 위치를 결정합니다. 데이터 버스: 데이터 버스는 CPU와 메모리 ..

함수 컴포넌트와 클래스 컴포넌트 컴포넌트를 정의하는 가장 간단한 방법은 JavaScript 함수를 작성하는 것입니다. function Welcome(props) { return Hello, {props.name}; } 이 함수는 데이터를 가진 하나의 “props” (props는 속성을 나타내는 데이터입니다) 객체 인자를 받은 후 React 엘리먼트를 반환하므로 유효한 React 컴포넌트입니다. 이러한 컴포넌트는 JavaScript 함수이기 때문에 말 그대로 “함수 컴포넌트”라고 호칭합니다. 또한 ES6 class를 사용하여 컴포넌트를 정의할 수 있습니다. class Welcome extends React.Component { render() { return Hello, {this.props.name}; ..

DOM에 엘리먼트 렌더링하기 HTML 파일 어딘가에 가 있다고 가정해 봅시다. 이 안에 들어가는 모든 엘리먼트를 React DOM에서 관리하기 때문에 이것을 “루트(root)” DOM 노드라고 부릅니다. React로 구현된 애플리케이션은 일반적으로 하나의 루트 DOM 노드가 있습니다. React를 기존 앱에 통합하려는 경우 원하는 만큼 많은 수의 독립된 루트 DOM 노드가 있을 수 있습니다. React 엘리먼트를 렌더링 하기 위해서는 우선 DOM 엘리먼트를 ReactDOM.createRoot()에 전달한 다음, React 엘리먼트를 root.render()에 전달해야 합니다. const root = ReactDOM.createRoot( document.getElementById('root') ); con..

JSX 란? const element = Hello, world!; 위에 희한한 태그 문법은 문자열도, HTML도 아닙니다. JSX라 하며 JavaScript를 확장한 문법입니다. UI가 어떻게 생겨야 하는지 설명하기 위해 React와 함께 사용할 것을 권장합니다. JSX라고 하면 템플릿 언어가 떠오를 수도 있지만, JavaScript의 모든 기능이 포함되어 있습니다. React에서는 본질적으로 렌더링 로직이 UI 로직(이벤트가 처리되는 방식, 시간에 따라 state가 변하는 방식, 화면에 표시하기 위해 데이터가 준비되는 방식 등)과 연결된다는 사실을 받아들입니다. React는 별도의 파일에 마크업과 로직을 넣어 기술을 인위적으로 분리하는 대신, 둘 다 포함하는 “컴포넌트”라고 부르는 느슨하게 연결된 유..

데이터를 전달하는 방식 쿼리 파라미터를 통한 데이터 전송 GET , 정렬 필터(검색어) 메시지 바디를 통한 데이터 전송 POST,PUT,PATCH 회원가입, 상품 주문, 리소스 등록, 리소스 변경 정적 데이터 조회 REQUEST - GET /static/star.png HTTP/1.1 RESPONSE - HTTP/1.1 200 OK Content-Type: image/jpeg Content-Length:34012 보통 쿼리파라미터없이 리소스경로로 조회가 가능하다. 동적 데이터 조회 REQUEST - GET /search/q=hello&hl=ko HTTP/1.1 Host:www.google.com 주로 검색 , 게시판 목록에서 정렬필터(검색어) 조회 조건을 줄여주는 필터, 조회 결과를 정렬하는 정렬 조건에..

안전(safe) 멱등(Idempotent) 캐시가능 안전 호출해도 리소스를 변경하지 않는다 POST,PUT,PATCH ... 등은 안전하지 못하다. 안전 메소드 GET HEAD OPTIONS TRACE 멱등 Idempotent 몇번을 호출하든 결과가 똑같다. 자동복구 메커니즘에 자주 사용된다. 예를 들어 타임아웃등의 에러시 재요청해도 원하던 결과를 얻을 수 있다 재요청 중간에 다른곳에서 리소스를 변경되는것 까지는 고려하지 않는다. 멱등 메소드 GET PUT DELETE 캐시가능 응답결과 리소스를 캐시해서 사용해도 되는가? 캐시가능 메소드 GET HEAD POST PATCH 실제로는 GET , HEAD정도만 캐시로 사용

HTTP 메소드 종류 주요 메소드 GET : 리소스 조회 POST : 리소스 등록 , 프로세스 처리 PUT : 리소스를 대체 (없으면 생성) PATCH : 리소스의 부분 대체 DELETE : 리소스 삭제 기타 메소드 HEAD : GET과 동일하지만 메시지 부분을 제외하고 , 상태 줄과 헤더만 반환 OPTIONS 대상 리소스에 대한 통신 가능 옵션을 설명 (주로CORS에서 사용) CONNECT : 대상 자원으로 식별되는 서버에 대한 터널을 설정 TRACE : 대상 리소스에 대한 경로를 따라 메시지 루프백 테스트를 수행 GET 리소스 조회 서버에 전달 파라미터는 query(쿼리 파라미터, 쿼리 스트링)을 통해서 전달 메시지 바디를 사용해서 데이터를 전달할 수 있지만, 지원하지 않는 곳이 많아서 권장하지 않음..

자바 상속의 특징 super 키워드 메소드 오버라이딩 다이나믹 메소드 디스패치 (Dynamic Method Dispatch) 추상 클래스 final 키워드 Object 클래스 자바 상속의 특징 상속이란 어느 클래스가 가진 변수 , 메소드 등을 포함하여 확장하는 용도로 사용된다. 상속이란, 기존의 클래스를 재사용하여 새로운 클래스를 작성하는것이다. 자바의정석_남궁민 public class Parent { public String name; public int age; } public class Child extends Parent { } public static void main(String[] args) { Child child = new Child(); child.name = "자식"; } 위 클래스에..

컴퓨터 네트워크 : "데이터"가 전달되는 과정을 이해하는것 예를 들어 어느 이미지를 볼 때 해당 데이터는 어느곳(디바이스)에 존재하게된다. 그 이미지를 다른 디바이스에서 확인하게되기 까지 과정을 컴퓨터 네트워크라고 한다. 디바이스간에는 요청(Request ), 응답(Response) 이 일어난다. 구성요소 Application : 데이터를 처리해서 뿌려주는 역활을 함 Device End Device : PC , Server , Smartphone , IoT기기 등 Networking Device (데이터를 변환,처리하지 않고 전달만하는 장비) : 전송장비, Switch , AP, Router, L4/L7, Firewall, VPN Media : Wired or Wireless Protocol : 서로다른..

목표 자바의 Class에 대해 학습하세요. 학습할 것 (필수) 클래스 정의하는 방법 객체 만드는 방법 (new 키워드 이해하기) 메소드 정의하는 방법 생성자 정의하는 방법 this 키워드 이해하기 클래스 정의하는 방법 . . . 객체 지향 프로그래밍 : OOP (Object Oriented Programing) 객체 지향 프로그래밍이란 Object 를 지향하는 프로그래밍이라는 의미이다. 그러면 Object 와 Class , Instance는 무엇이다를까? 현실에 대입해서 설명해보자. public class Person { private String name; private long age; } 위에 사람이라는 클래스가 있다. 근데 현실세계에는 사람이라는 추상적인 존재는 없다. Person jhon; 이렇..