props.children 2

React의 useEffect, props.children, useRef 정리

📌 React의 useEffect, props.children, useRef 정리🚀 React에서 자주 쓰이는 핵심 개념을 초급 개발자 입장에서 쉽게 설명해줄게!🚀 1. useEffect (컴포넌트 생명주기 관리)📌 컴포넌트가 처음 렌더링될 때, 업데이트될 때, 제거될 때 특정 코드를 실행할 수 있도록 해줌.✔ API 호출, 이벤트 리스너 등록/제거, 타이머 설정 등에 사용됨.✅ useEffect 기본 사용법import { useState, useEffect } from "react";function Example() { const [count, setCount] = useState(0); useEffect(() => { console.log("컴포넌트가 렌더링됨! count:", cou..

초급 개발자가 알아야 할 React 관련 개념

🎯 React 초급 개발자가 알아야 할 HTML, for, if, JavaScript 개념 총정리🚀 React를 사용하려면 HTML, for, if, JavaScript를 어떻게 다루는지 반드시 알아야 해!📌 React는 JSX(JavaScript + XML) 문법을 사용하기 때문에, 기본적인 개념을 React에서 어떻게 적용하는지 이해해야 함!📌 1. HTML 관련 (JSX에서 변경되는 것들)React에서는 JSX 문법을 사용하기 때문에 일반 HTML과 다르게 써야 하는 요소가 있음.✅ (1) class → className🚨 HTML에서 class를 사용할 수 없음!💡 React에서는 className으로 써야 함.// ❌ 잘못된 코드 (HTML 방식)Hello// ✅ 올바른 코드 (Rea..