실전 압축 코딩

https://tristan91.tistory.com/521 쿠키, 세션, 로컬 스토리지, 세션스토리지, indexedDB, 캐시 쿠키 쿠키란? 쿠키(영어: cookie)란 하이퍼 텍스트의 기록서(HTTP)의 일종으로서 인터넷 사용자가 어떠한 웹사이트를 방문할 경우 그 사이트가 사용하고 있는 서버를 통해 인터넷 사용자의 컴퓨터 tristan91.tistory.com https://hongong.hanbit.co.kr/%EC%99%84%EB%B2%BD-%EC%A0%95%EB%A6%AC-%EC%BF%A0%ED%82%A4-%EC%84%B8%EC%85%98-%ED%86%A0%ED%81%B0-%EC%BA%90%EC%8B%9C-%EA%B7%B8%EB%A6%AC%EA%B3%A0-cdn/ 완벽 정리! 쿠키, 세션, 토..

https://goitgo.tistory.com/25 OSI 7 Layer 과 TCP/IP 4 Layer(TCP/IP Protocol suite) 비교 OSI 7 Layer vs TCP/IP Protocol Suite 1. OSI 7 Layer 개요 ➀ 네트워크 통신을 체계적으로 다루고 있는 ISO 표준은 개방시스템 상호연결 (OSI) 모델 이다. OSI 모델은 1984년에 정의 되었다. ➁ 개방시스템(Open Syste goitgo.tistory.com

지연시간을 줄이고 응답 시간을 더 빠르게 한다. 멀티플렉싱, 헤더 압축, 서버 푸시, 요청의 우선순위를 처리한다. 장점 2: 멀티플렉싱과 서버 푸시 멀티플렉싱: 여러 개의 스트림을 사용하여 송수신 한다., 특정 스트림의 패킷이 손실되어도, 해당 스트림만 영향을 미치고 다른 스트림은 멀쩡하게 동작한다. 서버 푸시: 클라이언트 요청 없이도 html 을 읽으면서 css를 클라이언트에 전송

보호되어 있는 글입니다.

1. dns 로 ip 찾기 2. 3 way handshake 4. 서버에 데이터 요청 (http request) 5. http response 6. w3c 명세에 따라 html css 해석 (parsing) 7. html -> dom tree 8. rendering engine이 css를 만난다 -> html render pause, cssom tree 생성 9. script tag -> -pause >js engine에게 제어권을 넘김. 10. js 코드 해석, 추상 구문 트리(ast) 생성 11. dom tree + cssom tree = render tree --- construction --- 12. 렌더링 엔진의 layout 작업 시작 (render tree node를 화면의 올바른 위치에 표시..

포워드: 클라이언트의 요청을 대신 수행해 준다. 리버스: 서버와 인터넷 사이에 있다. 이터레이터: 여러 가지 자료형의 구조와는 상관없이 이터레이터라는 하나의 인터페이스로 순회가 가능하다. 선언형 vs 명령형 : js는 함수가 일급 객체이므로 객체지향 보다는 함수형 프로그래밍 방식이 선호 된다. 선언형: 함수가 무엇을 풀어내는가에 집중하는 패러다임. '프로그래밍은 함수로 이루어진 것이다' 순수 함수 : 출력이 입력에만 의존한다. 고차 함수: 함수가 함수를 매개변수로 받아 로직을 생성할 수 있다. 조건) 해당 언어가 일급 객체라는 특징을 가져야 한다. -> 특징: 1. 변수나 메서드에 함수를 할당할 수 있다. 2. 함수 안에 함수를 매개변수로 담을 수 있다. 3. 함수가 함수를 반환할 수 있다. 객체 지향 ..

의존성 주입과 제어의 역전: A 클래스에서 B 클래스의 객체를 사용하는 상황을 가정했을때, 일반적인 경우 클래스 b를 직접 참조하고 생성했지만, 중간의 매개체를 하나를 둔다. -> 결국 클래스 a 가 b를 직접 제어하던 관계가 역전 된것이다. 제어의 주체가 a가 아니다. 매개체는 ioc container라고 한다. 팩토리 패턴: 객체 생성 부분을 떼어내 추상화한 패턴, 상위 클래스는 중요한 뼈대, 하위는 객체 생성에 관한 구체적인 내용을 결정. 전략 패턴: 객체의 행위를 바꾸고 싶을때 직접 수정하지 않고, 전략이라고 부르는 캡슐화한 알고리즘을 컨텍스트안에서 바꿔 주면서 상호 교체가 가능하게 한다. 옵저버 패턴: 어떤 객체의 상태 변화를 관찰하다가 상태 변화가 있을 때마다 메서드 등을 통해 옵저버 목록에 ..

HTTPS와 SSL 인증서 - 생활코딩 (opentutorials.org) HTTPS와 SSL 인증서 - 생활코딩 HTTPS VS HTTP HTTP는 Hypertext Transfer Protocol의 약자다. 즉 Hypertext 인 HTML을 전송하기 위한 통신규약을 의미한다. HTTPS에서 마지막의 S는 Over Secure Socket Layer의 약자로 Secure라는 말을 통해서 알 수 있듯이 opentutorials.org 공개키는 오직 암호화를 할 때 쓴다. 복호화는 비공개키로 저장. 전자 서명 " 암호화된 데이터를 공개키를 가지고 복호화 할 수 있다는 것은 그 데이터가 공개키와 쌍을 이루는 비공개키에 의해서 암호화 되었다는 것을 의미한다. 즉 공개키가 데이터를 제공한 사람의 신원을 보장해..

flex-basis: 메인 축상의 길이 flex-grow: 빈 공간을 채울지 여부 flex-shrink: 전체 공간이 부족할 때, 해당 아이템의 길이가 작아질수 있는지 flex: (flex-grow) (flex-shrink) (flex-basis)

position은 부모로 부터 상속 받지 않는다.  static: 기본값, 전적으로 페이지의 흐름을 따른다. top,bottom,left,right,z-index의 속성의 영향을 받지 않는다. relative: 원래 위치를 기준으로 top~right의 속성값이 적용 된다. 요소의 위치는 이동하지만, 요소가 차지하는 공백의 위치는 유지됩니다.absolute: static이 아닌 첫 부모를 기준으로 top~right의 속성값이 적용 된다. 페이지의 흐름을 벗어난다. 즉 부모가 absolute나 relative이면 그 속성을 기준으로 position 속성값이 적용 된다. fixed: 어떤 부모요소가 아니라 view port를 기준으로 한다. 즉, 스크롤을 해도 위치가 변하지 않는다. (popup 창등)stic..