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에서 **객체(Object)**는 상태(state)나 props를 관리할 때 자주 사용된다. 객체는 여러 개의 속성을 포함할 수 있으며, 불변성을 유지하는 것이 중요하다. React에서 객체를 다룰 때 주의해야 할 점과 올바른 사용법을 정리해본다.1️⃣ 객체(Object)란?객체는 여러 개의 값을 하나의 구조로 묶어 관리할 수 있는 자료형이다. JavaScript에서는 {}(중괄호)를 사용하여 객체를 생성할 수 있다.const user = { name: "철수", age: 25, isAdmin: false};user라는 객체를 생성하고, name, age, isAdmin이라는 속성을 가진다.속성 값은 문자열, 숫자, 불리언 등 다양한 데이터 타입이 될 수 있다. 2️⃣ React에서 객체를..