01_Web
프론트엔드 관련 다양한 주제를 다룬 글을 모았습니다. 네트워크, 브라우저, 웹 개발을 위한 코드 지식과 함께 사용자 경험 및 모션 디자인에 관한 이야기를 담았습니다.
캐시의 원리와 제어방법
캐시의 원리와 제어방법을 알아본다.클라가 요청 메시지를 받은 이후의 처리단계를 기준으로 캐시는 어떤 원리로 사본을 관리하는지, 단계별로 어떤 제어가 가능한지를 알아보려고 한다. 7. 캐시 처리 단계처리단계는 7단계로 이루어져 있다. 단계1: 요청받기네트워크 커넥션에서의 활동을 감지하고,들어오는 데이터를 읽어들인다. 단계2: 파싱요청 메세지를 여러 부분으
캐시의 개념과 장점
캐시는 자주 쓰이는 문서의 사본을 자동으로 보관하는 HTTP 장치다.웹 요청이 캐시에 도착했을 때, 캐시된 로컬 사본이 존재한다면,그 문서는 원서버가 아니라 캐시로부터 제공된다. 불필요한 데이터 전송을 줄여서, 네트워크 요금으로 인한 비용을 줄여준다. 캐시는 네트워크 병목을 줄여준다. 대역폭을 늘리지 않고도 페이지를 빨리 불러올 수 있게 된다. 캐시는 원
한글은 노토산스, 영문/숫자는 다른 폰트로 해주세요...👀 (feat. unicode)
노토 산스를 사용하다보면 영문과 숫자가 너무 날씬하다는 느낌을 받곤 했다.개인적인 취향으로 1 숫자 아랫부분에 있는 serif를 별로 좋아하지 않는다. 그밖에도 숫자에 볼륨감이 없어서 한글의 깔끔함에 비해서 영문과 숫자에 아쉬움들이 있곤했다. 글자간 커링도 작고, 카운터(속공간)도 작은 듯하고.. 그래도 점점 노토산스를 자주 애용하고 보다보니, 그
커넥션 관리 - TCP 커넥션의 종류
병렬 커넥션, keep-alive 커넥션, 커넥션 파이프라인을 활용한 HTTP의 최적화 커넥션 관리를 위해 따라야 할 규칙들 1. 병렬 커넥션 parallel HTTP는 클라가 여러 개의 커넥션을 맺음으로써 여러 개의 HTTP 트랜잭션을 병렬로 처리할 수 있게 한다. 1.1 병렬 커넥션은 페이지를 더 빠르게 내려받는다. 하나의 커넥션으로
커넥션 관리 - TCP 커넥션과 성능
HTTP는 어떻게 TCP 커넥션을 사용하는가 TCP 커넥션의 지연, 병목, 막힘 병렬 커넥션, keep-alive 커넥션, 커넥션 파이프라인을 활용한 HTTP의 최적화 커넥션 관리를 위해 따라야 할 규칙들 1. TCP 커넥션 전 세계 모든 HTTP 통신은, 지구상의 컴퓨터와 네트워크 장비에서 널리 쓰이고 있는, 패킷 교환 네트워크 프로토콜들이 계층화
HTTP 메세지 - 헤더
해당 링크를 기준으로 standard 중 일부만 정리하였다. 책에서 더 이상 쓰지 않는 헤더는 취소선 처리하였다. 메세지 헤더헤더에는👆 특정 종류의 메세지에만 사용할 수 있는 헤더와,🤚 더 일반 목적으로 사용할 수 있는 헤더,👐 그리고 응답과 요청 메세지 양쪽 모두에서 정보를 제공하는 헤더가 있다. 일반 헤더 일반 정보 헤더 일반 캐시 헤더
HTTP 메세지 - 상태코드
출처: http-decision-diagram HTTP 응답에, 어떤 상황에 해당 상태코드가 반환되는지를 보여주는 시각화 다이어그램 자료이다. 상태코드와 사유구절 클라이언트에게 그들의 트랜잭션을 이해할 수 있는 쉬운 방법을 제공한다.=> 상태코드, 사유구절 HTTP/1.1 기준이다. 상태코드 (HTTP