無제

🟡 StateReact 컴포넌트 내부에서 유지 및 변경 가능한 데이터를 관리하는 객체.컴포넌트의 '기억 장치' 역할을 하며, 사용자 상호작용이나 네트워크 응답 등에 따라 동적으로 변하는 값들을 저장한다. ◼️ 주요 특징 변경 시 자동 리렌더링: State 값이 변경되면 React는 해당 컴포넌트를 자동으로 다시 렌더링(Re-rendering)한다. 화면을 실시간으로 업데이트하는 핵심 메커니즘이다.컴포넌트 내부 관리: 외부(부모)로부터 전달받는 Props와 달리, State는 해당 컴포넌트 내부에서 직접 생성하고 관리한다.불변성(Immutability) 유지: State는 직접 수정해서는 안 되며, 반드시 React가 제공하는 상태 변경 함수(Setter)를 통해서만 업데이트해야 한다. ◼️ 구조us..

🟡 Event웹 페이지 내에서 발생하는 사용자의 행동(버튼 클릭, 키보드 입력, 마우스 이동 등)이나 시스템의 변화(페이지 로딩 완료 등)를 의미한다.React는 이러한 이벤트 발생 시 특정 로직을 실행하는 이벤트 핸들러(Event Handler) 함수를 연결하여 사용자와 상호작용한다. ◼️ 주요 특징// HTML 방식Click// React 방식ClickCamelCase 명명 규칙: 표준 HTML의 이벤트 속성은 소문자(onclick, onchange)를 사용하지만, React JSX에서는 카멜 케이스(CamelCase) 문법을 사용하여 onClick, onChange로 작성해야 한다.함수 형태의 값 전달: HTML에서는 이벤트 속성에 문자열 형식(onclick="activate()" 등)으로 코드..