728x90
반응형

클래스 컴포넌트 2

React의 State란? 📦

React의 State란? 📦React의 state는 컴포넌트에서 동적으로 변경될 수 있는 데이터를 관리하는 내부 저장소입니다.쉽게 말해, props가 부모 컴포넌트에서 자식 컴포넌트로 전달되는 “읽기 전용 데이터”라면,state는 컴포넌트 내부에서 관리되는 “변경 가능한 데이터”라고 할 수 있어요.Props와 State의 차이: 부모-자식 관계 🌉props:부모 컴포넌트가 자식 컴포넌트에 데이터를 전달할 때 사용됩니다.읽기 전용이기 때문에, 자식 컴포넌트는 전달받은 데이터를 직접 변경할 수 없어요.데이터 변경은 부모 컴포넌트에서 이루어져야 합니다.state:컴포넌트 내부에서 관리되는 데이터로, 컴포넌트 자체에서 값을 변경할 수 있어요.상태가 변경되면 해당 컴포넌트와 자식 컴포넌트가 다시 렌더링됩니다..

카테고리 없음 2024.11.25

리액트 컴포넌트란? 🧩

리액트 컴포넌트란? 🧩리액트에서 컴포넌트는 UI의 최소 단위로, 앱을 여러 개의 재사용 가능한 조각으로 나눌 수 있게 해줘요. 컴포넌트를 사용하면 복잡한 UI를 단순하고 독립적인 모듈로 쪼개어 관리할 수 있고, 코드의 재사용성과 유지보수성, 가독성을 크게 높여줍니다. 이 컴포넌트는 단순한 템플릿 그 이상의 기능을 가지며, UI 로직과 데이터를 결합한 자바스크립트 함수 또는 클래스로 이루어져 있어요.컴포넌트를 사용하는 이유 💡 🌟 1. UI 구조화와 재사용성복잡한 UI를 작은 컴포넌트 단위로 나누면, 필요한 부분만 독립적으로 관리할 수 있어 유지보수가 쉬워져요. 예를 들어 버튼이나 입력 필드 같은 UI 요소들을 각각의 컴포넌트로 정의해두면 어디서든 재사용할 수 있죠. 🌟 2. 코드 가독성과 유지보수..

카테고리 없음 2024.11.19
728x90
반응형