[React] Component

이 글에서는 React의 Component 기반 설계 방식, 단방향 데이터 흐름, 컴포넌트 분리 기준, 리스르 렌더링과 key의 역할 등에 대해 학습한 내용을 공유합니다.Component특징단방향 데이터 흐름 (One-way Data Flow)Presentational Container Component사용 방법: 컴포넌트 생성사용 방법: 상태/컴포넌트 전달사용 방법: 전달 받은 상태/컴포넌트 사용이벤트 함수 전달조건부 렌더링리스트 표현회고Component입력(props)을 기반으로 UI(JSX)를 반환하는 React UI 설계의 최소 단위React에서는 컴포넌트(Component)기반의 아키텍처와 개발을 지향합니다.JSX 문법을 사용해 컴포넌트를 정의하고 JSX 내에서 태그처럼 호출하는 방식으로, 재사..

2025.11.24