브라우저(웹)

렌더링 과정을 알아야 하는 이유 웹페이지에 접속시 로딩 속도가 느리거나 렌더링이 느리다면 사용자 경험을 방해하게 된다. 브라우저의 렌더링 과정을 이해해야 효율적인 성능 개선과 최적화가 가능해진다. 그렇다면, 먼저 브라우저가 무엇인지 알아보자. 브라우저란? 브라우

이전에 브라우저에 대해 알아보았으니 브라우저 렌더링 과정을 알아보자. 먼저 렌더링 과정에서 가장 먼저 이루어지는 HTML 파싱과 DOM 트리 구축 과정을 다뤄본다. 렌더링 엔진 렌더링 엔진은 HTML, CSS, JS, 이미지 등 웹페이지에 포함된 모든 요소들을 화면에

REST API란? > Representational State Transfer 자원의 표현으로 상태를 전달하는 것 URI로 자원을 표현하는 데에 집중하고,* 자원의 상태(행위)에 대한 정의는 HTTP METHOD* 로 하는 것이다. 자원(Resource) :UR

데이터나 값을 미리 복사해 놓는 임시 저장소이다. 원본 데이터에 접근하는 시간이 오래 걸리는 경우 값을 다시 계산하는 시간을 절약하고 싶을 경우 사용한다. 데이터를 미리 복사해 놓으면 추가적인 계산이나 접근 시간 없이 더 빠른 속도로 데이터에 접근 할 수 있다.데

하지만 특정 액션이나 이벤트에 따라 HTML요소의 크기나 위치 등의 레이아웃 수치가 변하면 해당 요소의 영향을 받는 자식 노드나 부모 노드들을 포함하여 Layout(Reflow)과정을 다시 수행이럴경우 각 요소들의 크기와 위치를 다시 계산하게 되는데 이 과정을 Refl

서버(웹서버)와 클라이언트(웹브라우저) 간의 데이터 주고받기 위한 대화웹에서 서버 ↔ 클라이언트간 주고 받은 상호간의 약속(프로토콜)을 HTTP 프로토콜클라이언트와 서버 간의 프로토콜HTML 문서와 같은 리소스들을 가져올 수 있도록 하는 프로토콜브라우저는 항상 요청을

앞선 과정에서 get, post, delete,patch 등 axios를 활용하여 HTTP 통신을 하는 방법을 배웠습니다.이렇게 호출하는 부분이 우리의 리액트 앱에 300개 정도 존재한다고 가정해보자.서버가 변경되면 모두 찾아서 변경줘야한다. -> 엄청난 인적 리소스

쿠키, 세션, 스토리지 그게 뭔데?!