無제

🟡 Propsproperties의 줄임말로, 부모 컴포넌트가 자식 컴포넌트로 데이터를 전달할 때 사용하는 객체이다.컴포넌트 간의 통신을 가능하게 하며, 컴포넌트의 동적 렌더링을 구현하는 기반이 된다. ◼️ 주요 특징단방향 데이터 흐름: 데이터는 반드시 부모에서 자식 방향으로만 흐른다. (하향식 흐름)읽기 전용 (불변성): 자식 컴포넌트는 전달받은 Props를 직접 수정할 수 없으며, 오직 읽기만 가능하다.다양한 데이터 타입 지원: 문자열, 숫자뿐만 아니라 객체, 배열, 함수(이벤트 핸들러 등)까지 모두 전달할 수 있다. ◼️ 컴포넌트 재사용 Props의 가장 큰 목적은 컴포넌트의 재사용성 극대화이다.하나의 고정된 컴포넌트 틀에 부모가 서로 다른 데이터를 주입하여 여러 개의 독립된 UI를 효율적으로 ..

🟡 Component React는 사용자 인터페이스(UI)를 독립적이고 재사용 가능한 단위인 컴포넌트로 나누어 개발하며, 이를 조합하여 하나의 화면을 구성한다. 각 컴포넌트는 자체 UI와 기능을 가지며 다른 컴포넌트와 독립적으로 동작한다. ◼️ 주요 특징UI 구성: 화면의 특정 영역을 담당하여 시각적 요소를 형성한다.재사용성: 동일한 코드를 여러 위치에서 재사용할 수 있어 중복을 줄인다.유지보수성: 기능별로 코드가 분리되어 있어 수정과 관리가 용이하다.독립성: 각 컴포넌트가 독립적으로 작동하므로 변경 사항이 다른 영역에 미치는 영향을 최소화한다. ◼️ 컴포넌트의 종류 🔹 함수형 컴포넌트 (Functional Component)JavaScript 함수로 작성하는 컴포넌트이다. React Hooks를..