2025/02/26 2

브라우저 렌더링 파이프라인 : 웹 페이지가 화면에 그려지는 과정

브라우저 렌더링 파이프라인 가이드: 웹 페이지가 화면에 그려지 과정 들어가며: 우리가 보는 웹 페이지는 어떻게 만들어질까요?여러분은 웹사이트에 접속할 때마다 일어나는 일을 생각해보신 적이 있나요? 주소창에 URL을 입력하고 엔터를 누르는 순간부터 실제로 화면에 콘텐츠가 표시되기까지, 브라우저는 놀라운 작업을 수행합니다."구글 검색창이 어떻게 내 화면에 나타나는 걸까?", "인스타그램 피드는 어떻게 스크롤할 때마다 부드럽게 표시되는 걸까?" 이런 질문에 대한 답을 알기 위해서는 '브라우저 렌더링 파이프라인'을 이해해야 합니다.이 글에서는 HTML, CSS, JavaScript가 어떻게 픽셀로 변환되어 우리 화면에 표시되는지, 그 전체 과정을 차근차근 살펴보겠습니다.브라우저 렌더링 파이프라인: 6단계 여정브..

Server , etc 2025.02.26

리액트 폼 다루기: Controlled Component와 Uncontrolled Component 가이드

리액트 폼 다루기: Controlled Component와 Uncontrolled Component 가이드들어가며리액트로 개발을 하다 보면 폼(Form)을 다루는 일은 피할 수 없습니다. 사용자 입력을 받고, 그 데이터를 처리하는 과정은 대부분의 웹 애플리케이션에서 핵심적인 부분이죠. 하지만 리액트에서 폼을 다루는 방식에는 크게 두 가지 패턴이 있습니다.Controlled Component(제어 컴포넌트)와 Uncontrolled Component(비제어 컴포넌트)입니다.이 글에서는 두 패턴의 차이점을 명확히 이해하고, 언제 어떤 방식을 선택해야 하는지 알아보겠습니다.Controlled Component와 Uncontrolled Component란?리액트에서 폼 요소를 다루는 방식의 핵심적인 차이는 "누..

React 2025.02.26
반응형