2026/01/06 2

React의 리렌더링 과정

React의 리렌더링 과정은 크게 Trigger, Render, Commit이라는 세 단계로 나눌 수 있습니다. 먼저 Trigger 단계는 컴포넌트의 state나 props가 변경되면서 시작됩니다. 사용자의 입력, 네트워크 응답 등의 이벤트에 의해 상태가 변경되면 React는 해당 컴포넌트를 다시 렌더링해야 한다고 판단합니다. 이때 React는 내부적으로 업데이트 큐에 해당 변경 사항을 등록합니다.그다음 Render 단계에서는 변경된 상태를 바탕으로 새로운 Virtual DOM 트리를 생성합니다. 그후, 이전 Virtual DOM과 새 Virtual DOM을 비교하여 어떤 부분이 바뀌었는지를 분석합니다. 중요한 점은 이 시점에서는 실제 DOM에는 아무런 변경도 일어나지 않는다는 사실입니다.마지막으로 Co..

웹표준이란?

웹표준은 다양한 웹 기술들이 브라우저나 기기와 상관없이 일관되게 동작하도록 보장하기 위한 규약들의 집합입니다. HTML, CSS, JavaScript와 같은 핵심 기술뿐만 아니라 접근성, 통신, 보안 등 여러 영역까지 포괄하며, IETF, W3C 등의 국제 표준 기구에서 정의하고 관리합니다. 웹표준의 목적은 다양한 브라우저, 기기, 플랫폼에서 웹 페이지가 동일하게 작동하도록 보장하는 것입니다. 먼저, 개발자 입장에서는 웹표준을 따름으로써 특정 브라우저에 종속되지 않는 코드를 작성할 수 있습니다. 즉, 특정 환경에 맞추어 여러 버전을 만들 필요 없이 한 번의 개발로 여러 환경의 사용자에게 서비스를 제공할 수 있습니다. 또한 사용자 입장에서는 어떤 브라우저나 기기를 사용하더라도 콘텐츠가 일관되게 표현되므로 ..