react11 event 보호되어 있는 글 입니다. 2025. 3. 19. useCounter 보호되어 있는 글 입니다. 2025. 3. 19. [기본]mount, unmout, render 리액트에서 마운트(Mount), 언마운트(Unmount), 그리고 **렌더링(Rendering)**의 개념은 각각 다르며, 리액트 컴포넌트의 생명주기(lifecycle)와 관련이 있습니다. 이들 각각의 개념에 대해 설명하겠습니다.1. 마운트(Mount)마운트는 리액트 컴포넌트가 DOM에 처음으로 삽입되는 과정을 의미합니다. 즉, 컴포넌트가 처음 생성되고 브라우저 화면에 표시되기 전까지의 과정입니다. 마운트는 다음과 같은 단계로 이루어집니다:컴포넌트가 생성될 때: constructor가 호출됩니다.컴포넌트가 렌더링되기 전에: getDerivedStateFromProps 또는 shouldComponentUpdate (클래스형 컴포넌트의 경우)가 호출됩니다.컴포넌트가 화면에 그려지기 전에: render가 호출.. 2025. 3. 19. hook 개념 🔥 React의 주요 Hook과 기능 정리React의 Hook은 함수형 컴포넌트에서도 상태(state) 관리와 라이프사이클 기능을 사용할 수 있도록 도와주는 기능입니다.🏆 1. 상태 관리 관련 Hook1️⃣ useState() → 상태(state) 관리✅ 역할:컴포넌트의 상태를 관리하는 가장 기본적인 Hook.📌 사용 예시:import { useState } from "react";function Counter() { const [count, setCount] = useState(0); // count 초기값: 0 return ( 현재 카운트: {count} setCount(count + 1)}>+1 증가 );}⏳.. 2025. 3. 18. 이전 1 2 3 다음