ruriruriya

React를 사용하다 보면 DOM(Document Object Model)이라는 개념이 자주 등장한다.React는 일반 DOM과 다르게 가상 DOM(Virtual DOM)을 사용한다.그렇다면 일반 DOM과 가상 DOM의 차이점, 그리고 React에서 DOM이 어떻게 동작하는지 정리해보자. 1️⃣ DOM이란? ✅ DOM (문서 객체 모델, Document Object Model)HTML 문서를 브라우저가 이해할 수 있도록 객체 트리 구조로 변환한 것이다.즉, 웹페이지의 구조를 나타내는 프로그래밍 인터페이스라고 할 수 있다.📌 DOM의 예시HTML이 다음과 같다고 가정하자. 안녕, React! 클릭➡️ 브라우저는 이 HTML을 DOM 트리 구조로 변환한다.Document ├── ├── ..

React에서 useState는 함수형 컴포넌트에서 상태 관리를 가능하게 해주는 훅(hook)이다. 이 훅을 사용하면 컴포넌트 내에 상태(state)를 생성하고, 이 상태를 업데이트할 수 있다.상태란 해당 컴포넌트의 데이터 또는 속성을 의미하며, 이 데이터가 변할 때마다 React는 컴포넌트를 다시 렌더링한다. useState 사용법 useState는 초기 상태 값을 파라미터로 받고, 상태 값과 그 상태를 설정하는 함수를 배열 형태로 반환한다. [useState 기본구조]state: 현재 상태의 값setState: 상태를 업데이트하는 함수initialState: 상태의 초기 값const [state, setState] = React.useState(initialState); useState는 0을 초기 ..