HTTP 특징, 구조 간단 정리

HyperText Transfer Protocol- HTML, TEXT 뿐만 아니라 이미지, 음성, 영상, 파일, JSON, XML(API) 모두 전송 가능- 심지어 서버간에 데이터를 주고 받을 때도 사용  HTTP 역사- HTTP/0.9 1991년 : GET 메서드만 지원, HTTP 헤더 없음- HTTP/1.0 1996년 : 메서드, 헤더 추가됨- HTTP/1.1 1997년 : 모든 기능, 가장 많이 사용RFC2016(1197) → RFC2616(1999) → RFC7230~7235(2014)- HTTP/2 2015년 : 성능 개선- HTTP/3 진행 중 : TCP 대신 UDP 사용, 성능 개선  HTTP 기반 프로토콜- TCP : HTTP/1.1, HTTP/2- UDP : HTTP/3- 현재 1.1을..

• format_list_bulleted 🧠 저장/Http
• · 2024. 2. 11.
• textsms

웹 브라우저 요청 흐름 간단 정리

웹 브라우저 요청 흐름(1) https://www.google.com/search?q=hello&hl=ko 검색scheme://[userinfo@]host[:port][/path][?query][#fragment]schemeuserinfohost port path query fragmenthttps www.google.com(https→443)/searchq=hello&hl=ko https://www.google.com/search?q=hello&hl=ko  (2) host를 DNS에 조회하여 IP 알아낸다*DNS = 도메인 네임 시스템 ( 전화번호부 느낌 )도메인 명을 IP주소로 변환 ( google.com → 200.200.200.2 ) (3) port는 https니까 443  (4) HTTP 요청 ..

• format_list_bulleted 🧠 저장/Http
• · 2024. 2. 8.
• textsms

IP, TCP, UDP, URI 간단 정리

인터넷 네트워크 (http를 위한 기본학습)- 클라이언트와 서버 그 사이엔 복잡한 인터넷이 있다.- 그 규칙을 IP라고 함IP (인터넷 프로토콜)- 지정한 IP 주소에 데이터를 전달- 패킷이라는 통신 단위로 데이터를 전달 IP 패킷 정보- (출발IP, 목적IP, 기타 ...) 으로 구성되어 있음- 근데 이 정보만으로는 한계가 있다. IP 프로토콜의 한계- 비연결성 : 패킷을 받을 대상이 없거나 서비스 불능 상태여도 패킷을 전송- 비신뢰성 : 중간에 패킷이 사라지면? 패킷이 순서대로 안오면?- 프로그램 구분 : 같은 IP를 사용하는 서버에서 통신하는 애플리케이션이 둘 이상이면??- 이런것들을 해결해주는 것이 TCP, UDPTCP (전송 제어 프로토콜)- 연결지향 : TCP 3 way handshake (가..

• format_list_bulleted 🧠 저장/Http
• · 2024. 2. 5.
• textsms

웹팩(모듈 번들러) 간단 정리

웹팩 - 프론트엔드 프레임워크에서 가장 많이 사용되는 모듈 번들러(Module Bundler) *** 빌드=번들링=변환 다 같은 말임 모듈 - 프로그래밍 관점에서 특정 기능을 갖는 작은 코드 단위 모듈 번들링 - 웹 애플리케이션 몇백개 자원들을 하나의 파일로 압축해주는 동작 - 파일들간의 관계를 모두 파악함 - 웹 애플리케이션을 구성하는 자원(HTML, CSS, Javscript, Images 등)을 모두 각각의 모듈로 보고 이를 조합해서 병합하는 도구 웹팩의 역할 - 웹팩은 파일 단위의 자바스크립트 모듈을 변수로 관리가 가능!! ( 예전엔 AMD, Common.js와 같은 라이브러리 사용했다고 한다...) - 웹개발 작업 자동화 도구 + 모듈 관리 ( 예를 들면 ... HTML, CSS, JS 압축 /..

• format_list_bulleted 🧠 저장/etc.
• · 2024. 2. 2.
• textsms

순수 자바스크립트 ajax 간단 정리 ( feat. XMLHttpRequest )

애증의 AJAX개발 학원을 다니며 프로젝트를 하던 시기에 다른 기능들은 전부 구현했지만 ajax만이 유일하게 구현하지 못했다.며칠을 해결해보려 했지만 끝내 실패하여 지금까지도 ajax는 트라우마처럼 자리잡았다. ^^지금이라도 ajax를 간단하게 정리하면서 이제 그만 보내주려한다. 😭 AjaxAsynchronous Javascript And Xml자바스크립트로 HTTP 요청을 보내서 응답을 받아오는 기술웹 브라우저에 내장되어 있는 XMLHttpRequest 객체를 사용이름에 Xml이 있지만 사실 모든 종류의 데이터 가져올 수 있다 참고로 ajax는 라이브러리같은 개념이 아니다.그냥 비동기 통신 기술이라고 보면 될 듯??? ajax는 XMLHttpRequest 객체가 핵심이다.  XMLHttpRequest..

• format_list_bulleted 🧠 저장/Javascript
• · 2024. 1. 29.
• textsms