React의 State와 Props

State(상태)
상태는 컴포넌트 내에서 관리되는 변경 가능한 데이터를 나타냅니다. 컴포넌트가 렌더링되는 동안 변할 수 있는 값들을 저장하고 사용하는 용도로 사용됩니다. 함수형 컴포넌트에서는 React Hooks를 통해 사용됩니다.

State의 주요 특징

• 상태는 컴포넌트 내에서 변경 가능하며, setState() 메서드를 사용하여 업데이트합니다.
• 상태가 변경되면 컴포넌트는 리렌더링되어 최신 상태를 반영합니다.
• 컴포넌트는 자체적으로 상태를 관리하고, 다른 컴포넌트에 상태를 전달할 수도 있습니다.

Props(속성)
속성은 부모 컴포넌트로부터 자식 컴포넌트로 전달되는 읽기 전용 데이터입니다. 컴포넌트는 속성을 통해 외부에서 데이터를 받아 사용하거나 함수를 전달받아 이벤트를 처리하는 등의 작업을 수행합니다.

Props의 주요 특징

• 속성은 컴포넌트 외부에서 정의되고 전달되며, 컴포넌트 내부에서 변경할 수 없습니다(읽기 전용).
• 부모 컴포넌트에서 자식 컴포넌트로 데이터를 전달하는 데 사용됩니다.
• 컴포넌트의 재사용성을 높이는 데 기여합니다.

상태(State)와 속성(Props)은 React 컴포넌트의 데이터 관리를 위한 중요한 개념이며, 적절히 활용하면 효율적이고 유지보수가 용이한 UI를 구축할 수 있습니다.