state, props

state와 props

React는 사용자 인터페이스(UI)를 만들기 위한 자바스크립트 라이브러리로, state와 props라는 두 가지 개념을 사용하여 컴포넌트 간의 데이터 흐름을 관리합니다.

state

React 컴포넌트는 내부에서 관리하는 데이터를 가지고 있을 수 있는데, 이를 "state"라고 합니다. State는 컴포넌트의 생명주기 동안 변경될 수 있는 값들을 담고 있으며, 사용자의 입력이나 외부 데이터에 따라 동적으로 변할 수 있습니다. State는 컴포넌트의 내부에서 변경 가능하며, setState 함수를 사용하여 변경할 수 있습니다. State가 변경되면 React는 자동으로 컴포넌트를 다시 렌더링하여 UI를 갱신합니다.

props

React 컴포넌트는 부모 컴포넌트로부터 전달받은 속성을 가질 수 있는데, 이를 "props"라고 합니다. Props는 컴포넌트 간의 데이터 전달을 위한 메커니즘으로, 부모 컴포넌트에서 자식 컴포넌트로 데이터를 전달할 때 사용됩니다. Props는 컴포넌트 내에서 변경 불가능하며, 부모 컴포넌트에서 변경될 수 있습니다. Props를 통해 컴포넌트는 외부에서 제공되는 데이터를 받아와 사용하고, 이를 기반으로 UI를 렌더링할 수 있습니다.