개발자가 되기 위한 꿀팁 및 정보

[기술면접준비] React의 state와 props에 대해서 설명해주세요.

푸른매실 2023. 4. 5. 11:24

React는 컴포넌트 기반의 UI 라이브러리로서, 상태 관리를 위해 state와 props라는 개념을 제공합니다.

state는 컴포넌트의 상태를 관리하는 객체입니다. 이 객체를 사용하여 컴포넌트의 상태를 변경하고, 변경된 부분만 렌더링합니다. 이는 불변성과도 관련이 있으며, state는 setState() 메소드를 사용하여 변경하며, 변경된 state는 비동기적으로 업데이트되기에 바로 업데이트되지 않을 수 있습니다.

props는 컴포넌트 간에 데이터를 전달하기 위한 속성입니다. props는 부모 컴포넌트에서 자식 컴포넌트로 전달되며, 자식 컴포넌트에서는 props를 읽기만 할 수 있습니다. props는 자식 컴포넌트에서 직접 변경할 수 없으며, 부모 컴포넌트에서 전달한 값에 따라 자식 컴포넌트가 렌더링됩니다.

state와 props는 모두 컴포넌트의 데이터를 관리하는데 사용되지만, 목적이 다릅니다. state는 컴포넌트 내부의 상태를 관리하고 변경되면 컴포넌트가 다시 렌더링되도록 합니다. 반면에, props는 컴포넌트 간에 데이터를 전달하고, 이를 기반으로 컴포넌트가 렌더링됩니다.

이러한 state와 props의 개념을 이용하여 React는 상호작용적이고 동적인 UI를 구현할 수 있습니다.