# browser
웹 브라우저 동작 방법
🧑🏻💻 나는 인터넷을 이용하며 크롬을 거의 매일 사용한다. 심지어 웹 개발자이면서 웹 브라우저인 크롬을 사용하며, 어떻게 동작되는지 원리도 제대로 파악하고 있지 않다는게 한심했다.클라이언트가 서버로 요청을 주고 요청받은 서버가 그에 맞는 처리를 진행 후 다시 클
브라우저의 렌더링 과정 (www.google.com을 입력했을 때 일어나는 일)
주소창에 www.google.com을 입력했을 때 일어나는 일은1) 데이터를 받아오는 과정, 2) 브라우저에 렌더링 하는 과정으로 나뉜다.사용자가 브라우저를 통해 서버에 리소스를 요청하고, 응답 리소스를 브라우저에 표시한다.웹 브라우저에 URL(www.google.co
페이지 이탈을 측정하는 새로운 방법, Pending Beacon API
사용자의 세션 종료를 정확하게 감지하고 측정하기 어려운 이유, 그리고 최근 제안된 Web API인 Pending Beacon API에 대해 이야기합니다.
브라우저 렌더링 과정&브라우저 구성 요소
브라우저 렌더링 과정과 브라우저를 구성하는 주요 요소들을 살펴보겠습니다.브라우저 렌더링 과정은 HTML, CSS, JavaScript 등의 코드를 받아 브라우저 화면에 그리는 일련의 과정입니다. 일반적으로 브라우저 렌더링 과정은 다음과 같은 단계를 거칩니다.HTML 파
[JavaScript/브라우저] 회원가입 유효성검사 만들기
누구나 한 번쯤은 웹사이트의 회원가입을 진행해 보신 경험이 있을 것이다.가입 과정을 거치다 보면, 사이트에서 원하는 조건에 맞게 반드시 형식을 맞춰 입력해야 하는 경우가 생긴다.필수로 입력해야 하는 항목아이디, 이메일, 비밀번호, 이름, 전화번호 등입력 조건 \-
(SEB_FE) Section1 Unit10 [JS/브라우저] DOM
오늘은 학습 목표가 딥따 많다..! 힘내자 ...DOM의 개념을 이해한다.DOM의 구조를 파악하고, HTML과 DOM이 어떻게 닮아있는지 이해한다.HTML에서 JavaScript 파일을 불러올 때 주의점에 대해서 이해한다.DOM과 JavaScript의 차이에 대해 이해
<TIL> 46. cookie, local storage, session storage 차이점
HTTP는 요청과 응답으로 이뤄지는 한 사이클이 끝나면 연결이 끊어짐 -> 무상태성=> 클라이언트의 상태를 보존 x클라이언트의 상태를 서버가 아닌 클라이언트에 저장해두고 필요시마다 데이터를 꺼내 서버에 전달하는 방식으로 HTTP 단점을 보완하고자 쿠키와 웹 storag
이것도 캐시, 저것도 캐시... Cache는 대체 뭘 칭하는 것일까?
서론 system 설계를 하다가 'Cache'라는 용어를 잘못 사용하다가 멘토에게 지적을 받은 적이 있다. 상황을 대략 설명하자면, system에 Spring으로 구현한 WAS가 여럿 있었고, 거기에 세션을 관리할 Redis가 붙어있었는데, 그 Redis를 '웹캐시'라
JavaScript 공부하기_ APIs, 브라우저, windowSize, 브라우저 좌표, scroll api, window load
자바스크립트 공부 1
브라우저 캐시 문제
나는 회사 프로젝트의 캐시로직에 문제가 있었다고 생각했었다.요약하면 내가 잘못 알고 있었고 그 이유는 내가 작업한 파일들을 thymeleaf 규칙을 따르지 않고 불러오고 있어서 생긴 문제였다.회사 프로젝트는 타임리프 규칙에 따라 불러온 파일들은 서버에서 cache-bu
[JS/Browser] DOM 동적 실습
document 객체에는 많은 속성과 메서드가 존재한다. 모든 속성과 메서드를 외우기에는 어려움이 있어, 제일 자주 사용하는 CRUD(Create, Update and Delete)를 제대로 이해하고 학습하는 것이 중요하다.본격적으로 DOM 실습하기 전, 다음과 같은
[JS/Browser] DOM 개요
HTML/DOMDOM (Document Object Model) 의 약자로, HTML 요소를 Object(JavaScript Object)처럼 조작할 수 있는 Model이다.JavaScirpt를 사용할 수 있으면, DOM으로 HTML을 조작할 수 있다. 여러 뛰어난 웹
[자바스크립트] 브라우저 렌더링
자바스크립트 렌더링에 알아보던 중 DOM요소 조작을 많이하면 웹 성능이 떨어진다고 한다.그래서 브라우저의 렌더링에 대해 알아보았다.클라이언트가 서버에 HTML을 요청하면 바이트 형태로 HTML 문서를 응답받는다.이 때 해당 문서에 정의한 인코딩 방식(UTF-8과 같은)