ksw_devlog

HTTPS : HTTP + S(Secure) 쓰는 이유 : 1. 내가 사이트에 보내는 정보들을 제 3자가 못 보게 한다. 2. 접속한 사이트가 믿을 만한 곳인지를 알려준다. 대칭키 -> 비대칭키

브라우저 저장소로 Cookie와 Web Storage가 있습니다. Cookie와 Web Storage는 모두 해당 도메인과 관련된 데이터를 클라이언트 웹브라우저에 저장할 수 있도록 해주고 둘 다 사이트의 도메인 단위로 접근이 제한됩니다. Cookie는 매번 서버로 전송되고, 문자열만 저장이 가능하며, 용량에 제한이 있고, 만료 일자가 존재합니다. Web Storage는 데이터를 클라이언트에 저장만 하고 서버로 전송되지는 않습니다. 문자열 외에도 구조화된 객체를 저장할 수 있어 개발 편의성을 제공해주고, 하나의 사이트에서 저장할 수 있는 용량이 제한되어있지 않습니다. 또한 한 번 저장한 데이터는 영구적으로 존재하게 됩니다. Web Storage는 지속성에 따라 LocalStorage와 SessionStor..

HTTP(HyperText Transfer Protocol) 웹브라우저와 웹서버가 통신을 할 때 사용하는 통신규칙 클라이언트와 서버 사이에서 html, css, js, 이미지 파일 등을 요청하고 응답하면서 주고 받는다. 서버와 클라이언트가 서로 알아들을 수 있는 공통의 약속 -> HTTP HTTP는 크게 request(요청)와 response(응답)를 위한 메시지로 구분되어 있다 HTTP 특징 Stateless(무상태성) : HTTP는 특정 상태를 유지하지 않는 특징이 있다. Connectionless(비 연결성) : HTTP는 실제로 요청을 주고 받을 때만 연결을 유지하고 응답을 주고나면 서버와의 연결을 끊는다. HTTP 메시지 구조 요청(Requests)과 응답(Responses)의 구조 1. sta..

캐시(Cache) 자주 사용하는 데이터나 값을 미리 복사해 놓은 임시 장소 캐시의 장점 캐시 데이터를 미리 복사해 놓으면, 계산이나 접근 시간 없이 더 빠른 속도로 데이터에 접근 할 수 있습니다. 캐시의 단점 메모리공간이 상대적으로 작습니다. 프론트엔드에서는 캐시를 웹 서비스 최적화에 사용합니다. 캐시 사용 영역 1. 브라우저 캐시 : 한 번 받아온 리소스들을 재사용하여 속도가 빨라집니다. 2. 프록시 캐시 : 조직 내에서 접속하는 웹 사이트의 리소스들을 캐시하여 속도가 빨라지고 네트워크 사용량을 줄여줍니다. https://yanacoding.tistory.com/entry/CS-%EC%BA%90%EC%8B%9CCache%EB%9E%80 [CS] 캐시(Cache)란? 1. 캐시(Cache)란? 컴퓨터 과..

브라우저 렌더링 기본동작 각 브라우저는 렌더링 엔진을 가지고 있다. 렌더링 엔진으로 파일들을 파싱(해석)하여 화면으로 그려낸다. 렌더링 과정 1. Client 가 -> WEB Server 에게 받은 IP 주소로 요청하면, WEB Server 는 -> Client 에게 해당 웹페이지의 index.html 등의 파일들을 보내준다. 2. 브라우저는 서버가 보내준 HTML 파일을 해석(Parsing)하여 DOM 트리를 만든다. 3. 브라우저는 서버가 보내준 CSS 파일을 해석(Parsing)하여 CSSOM 트리도 만든다. 4. DOM 트리 + CSSOM 트리를 결합해 렌더트리를 만든다. 5. 렌더트리로 각 노드의 위치와 크기를 계산한 레이아웃을 만든다. 뷰포트(Viewport) 내에서 각 노드들의 위치와 크기를..