FrontEnd/브라우저2 CWV (Core Web Vital) 이란? 최근 웹를 쉽게 구성할 수 있게 돕는 라이브러리 React, Vue, Svelte, Lit, Solid 웹 프레임워크 이면서 SSR을 제공하는 Nextjs, Nuxtjs, Remix, SvelteKit ... 등 Nextjs에서는 서버 사이드 렌더링과는 별도의 개념인 Server Component, Client Component를 구분하는 등 다양한 변화와 새로운 방향을 제시하고 있습니다. 이러한 빠르고, 수 많은 변화들을 보면서 당장 웹을 더 효율적으로 만드는 방법은 무엇일까 고민하게 되었습니다. 웹을 방문했을 때 더 빠르게 렌더링하여 사용자들에게 보여지고 싶고 코드를 더 간결하게 작성하여 사용자의 상호작용에 효율적으로 반응하고 싶었습니다. 웹 프레임워크를 도입하거나 라이브러리를 변경하기엔 작업 공수가.. 2023. 12. 1. 브라우저 렌더링 과정 브라우저란? 웹 브라우저(Web browser) 혹은 브라우저 는 웹에서 페이지를 검색하고 표시하며 사용자가 하이퍼링크를 통해 추가 페이지에 접근할 수 있도록 하는 프로그램. 브라우저는 사용자 에이전트의 가장 친숙한 유형이다. (참고. MDN) 우리가 많이 사용하는 Chrome, Safari, Edge, Firefox 등등이 있다. 브라우저 구조 User Interface - 사용자가 접근할 수 있는 영역으로 주소표시줄, 뒤로가기/앞으로가기 버튼, 새로고침 버튼 등 브라우저 자체의 GUI를 구성하는 부분이다. Browser engine - 사용자 인터페이스, 렌더링 엔진 사이의 동작을 제어하는 엔진. 사용자가 주소표시줄에 URI를 입력하면 브라우저 엔진이 자료 저장소에서 해당 URI에 알맞는 자료를 찾고.. 2023. 1. 31. 이전 1 다음
