728x90
반응형

Front/React 3

[React] React.useState

✅ React.useState란?useState는 React 함수형 컴포넌트에서 상태 값을 선언하고 제어할 수 있게 해주는 함수입니다.📦 기본 문법const [state, setState] = React.useState(초기값);구성 :항목설명state현재 상태 값setState상태를 업데이트하는 함수초기값state의 초기값 (숫자, 문자열, 배열, 객체 등 가능) 🧪 예제import React from 'react';function Counter() { const [count, setCount] = React.useState(0); // 초기값 0 return ( 현재 카운트: {count} setCount(count + 1)}>+1 );}결과:초기 상태 co..

Front/React 2025.06.15

[React] React.createElement

React.createElementReact의 핵심 함수로, 새로운 React 엘리먼트를 생성하고 반환합니다.JSX는 이 함수로 컴파일됩니다.대부분의 개발자는 JSX()를 사용하지만 ,동적 컴포넌트 생성이나 JSX를 사용하지 않을 때 유용하게 Hello사용할 수 있습니다 .React.createElement( type, [props], [...children])type: 문자열(예: 'div') 또는 React 구성 요소.props: 요소에 설정할 속성을 포함하는 객체입니다.children: 자식은 문자열, React 요소 또는 이들의 배열일 수 있으며, 개수에 제한이 없습니다.예 1: 기본 사용법jsxconst element = Hello, world!;다음과 동일합니다 React.createEl..

Front/React 2025.06.09

[React] React와 ReactDOM

React와 ReactDOM은 React 생태계의 핵심 라이브러리 두 가지입니다.이 둘은 목적이 다르며, 함께 사용되지만 역할이 명확히 나뉘어 있습니다.🔹 React✅ 역할React는 컴포넌트를 만들고 구성하는 역할을 합니다.즉, UI를 정의하고 로직을 구성하는 도구입니다.✅ 주요 기능React.createElement(): React 엘리먼트 생성useState, useEffect 등 훅 제공JSX 문법을 해석할 기반 제공컴포넌트 클래스, 함수형 컴포넌트 등 정의✅ 예시jsximport React, { useState } from 'react';function Counter() { const [count, setCount] = useState(0); return setCount(count + 1..

Front/React 2025.06.08
728x90
반응형