728x90 randering2 useState useState는 React의 기본 Hook 중 하나로, 컴포넌트의 상태를 관리하는 데 사용됩니다. 상태란 컴포넌트 내에서 변경될 수 있는 데이터를 의미하며, UI를 동적으로 업데이트할 때 사용됩니다.useState의 기본 문법const [state, setState] = useState(initialValue);state: 현재 상태의 값으로, 컴포넌트 렌더링 시 보여질 데이터입니다.setState: 상태를 변경하는 함수로, 이를 호출하면 React가 해당 컴포넌트를 다시 렌더링합니다.initialValue: 상태의 초기값을 설정합니다.간단한 예제import React, { useState } from "react";function Counter() { const [count, setCount] .. 2025. 4. 14. 리액트 렌더링 React에서 렌더링은 UI를 업데이트하는 과정을 의미하며, 컴포넌트가 처음 화면에 나타나거나 상태 및 props가 변경될 때 발생합니다. 렌더링은 효율적으로 수행되며, 실제로 DOM을 업데이트하기 전에 가상 DOM(Virtual DOM)을 통해 최적화됩니다.1. 렌더링의 종류React의 렌더링은 크게 초기 렌더링과 재렌더링으로 나뉩니다.초기 렌더링컴포넌트가 처음으로 DOM에 그려지는 과정입니다.React는 컴포넌트를 호출하고, 가상 DOM을 생성한 후, 실제 DOM에 반영합니다.발생 조건:React 애플리케이션이 처음 로드될 때.컴포넌트를 새로 추가할 때.재렌더링상태(state)나 props가 변경될 때 발생하며, UI를 다시 업데이트합니다.React는 변경된 가상 DOM과 이전 가상 DOM을 비교(D.. 2025. 4. 11. 이전 1 다음 728x90