반응형

Web Front End/HTTP

    [모두의 네트워크] 3장 물리 계층 : 데이터를 전기 신호로 변환하기

    3장[준비편] 물리 계층 : 데이터를 전기 신호로 변환하기 네트워크의 구조 이해하기 목표 전기 신호 랜 케이블 리피터 허브 :one: 물리 계층의 역할과 랜 카드의 구조 데이터 : 전기 신호로 변환되어 네트워크를 통해 전송 물리 계층 OSI 모델의 최하위 계층 데이터(0과 1의 비트열)를 전기 신호로 변환하기 위해 필요 송신 : 데이터 => 전기 신호 수신 : 전기 신호 => 데이터 전기 신호 전압이 일정 패턴으로 변해 생기는 일련의 흐름 전압의 변화가 모여서 만들어진 신호 종류 : 아날로그 신호, 디지털 신호 아날로그 신호 전화 회선이나 라디오 방송에 사용되는 신호 물결 모양디지털 신호 막대 모양 랜 카드 0과 1을. 전기 신호로 변환함 컴퓨터의 네트워크 연결 및 데이터 전송 담당 :two: 케이블(전..

    [모두의 네트워크] 2장[준비편] 네트워크의 기본 규칙

    2장[준비편] 네트워크의 기본 규칙 네트워크의 기초 지식 익히기 목표 프로토콜 OSI 7 & TCP/IP 캡슐화 & 역캡슐화 프로토콜 통신하기 위한 규칙 데이터를 주고받기 위한 통신 규격 OSI 모델 회사가 달라도 공통으로 사용 가능한 표준 규격 네트워크 기술의 기본이 되는 모델 7계층(레이어)으로 컴퓨터 내부에서 일을 나눠서 함 송신 측의 7계층(상위 계층 => 하위 계층) 수신 측의 7계층(하위 계층 => 상위 계층) 1계층 - 물리 계층 : 시스템 간 물리적인 연결과 전기 신호 변환 및 제어 2계층 - 데이터 링크 계층 : 네트워크 기기 간의 데이터 전송 및 물리 주소 결정 3계층 - 네트워크 계층 : 다른 네트워크와 통신하기 위한 경로 설정 및 논리 주소 결정 4계층 - 전송 계층 : 신뢰할 수 ..

    [모두의 네트워크] 1장[준비편] - 네트워크 첫걸음

    [모두의 네트워크] 1장[준비편] - 네트워크 첫걸음

    1장[준비편] - 네트워크 첫걸음 네트워크의 기초 지식 익히기 목차 네트워크 패킷 램(LAN), 왠(WAN) 인터넷 전 세계의 네트워크를 연결하는 거대한 네트워크 패킷(=택배) 데이터를 주고받을 때 네트워크를 통해 전송되는 데이터의 작은 조각 큰 데이터(=대형 트럭)를 보낼 때 네트워크의 대역폭을 너무 많이 점유해 다른 패킷의 흐름을 막을 위험(=교통 정체)이 있어 작게 나누어 보냄 용량이 큰 데이터는 패킷을 분할하여 전송한다 패킷이 도착지에 도착하면 번호순으로 정렬해 다시 합친다 LAN vs WAN LAN WAN 좁은 범위의 네트워크 Local Area Network 넓은 범위의 네트워크 ISP 서비스로 구축된 네트워크 Wide Area Network 범위 특정 지역 LAN과 LAN을 연결 예시 가정,..

    Windows 10에 VirtualBox로 Ubuntu 18.04 설치하기

    Windows 10에 VirtualBox로 Ubuntu 18.04 설치하기 윈도우에 우분투를 설치하기 위해서는 가상환경이 필요하다. 가상환경은 VirtualBox 외에도 Docker, VMWare, Parallels 등이 있다. 자신의 환경에 맞는 가상환경을 설치하면 된다. 나는 그 중 VirtualBox를 사용했다. 가상환경(VirtualBox) 설치하기 1. VirtualBox 설치파일 다운로드 VirtualBox 홈페이지 접속 - Download - Windows host 2. VirtualBox 설치 설치가 완료될 때까지 Next 클릭 중간에 Warning 메시지가 나와도 놀라지 말고 무시해도 된다. 3. 설치 완료 아래와 같은 페이지가 나온다면 설치가 완료된 것이다. 이제 우분투를 시작해 보자!..

    [HTTP] DOM과 브라우저 동작방식

    [DOM 문서 객체 모델 HTML, XML 문서의 프로그래밍 Interface 문서의 구조화된 표현 제공 프로그래밍 언어가 DOM 구조에 접근 가능한 방법 제공 문서 구조, 스타일, 내용 변경 가능하게 도움 웹페이지 : 일종의 document Object로 구성되어 있음 구성 요소: property, method, event 웹페이지의 객체지향 표현 DOM API(함수묶음정도) 제공 브라우저 동작방식 브라우저는 어떻게 동작하는가 Naver D2 https://d2.naver.com/helloworld/59361 https://poiemaweb.com/js-browser (브라우저 동작원리) 자바스크립트는 렌더링 엔진이 아닌 자바스크립트 엔진이 처리한다. 랜더링 엔진 기본동작 과정 자바스크립트 엔진 JS를..

    [HTTP] XHR - 비동기 데이터 통신

    XHR : XMLHttpRequest 객체: 전체 페이지의 새로고침없이도 URL 로부터 데이터를 받아올 수 있는 서버와 상호작용하는 객체 ajax 요청을 생성하는 Javascript API HTTP Request 전송을 매우 쉽게 만들어 줌 XMLHttpRequest를 통해 만들어진 request는 2가지 방법, 동기적 혹은 비동기적 방법 중 한 방법으로 데이터를 가져 올 수 있음 메서드로 브라우저와 서버 간 네트워크 요청을 전송할 수 있음 비동기 데이터 통신 에디터 내에 동기신호를 포함시켜 데이터를 전송함. 송신측의 송신 클록에 관계없이 수신신호 클록으로 타임 슬롯의 간격을 식별하여 한 번에 한 문자씩 송수신하는 것 문자의 앞에는 시작비트 (Start Bit) , 끝에는 정지비트 (Stop Bit)를 ..