본문 바로가기

면접준비

React의 state와 props에 대해서 설명

props와 state는 리액트에서 다루는 데이터의 개념입니다. 쉽게 말하자면, props는 받은 데이터 이거나 생성된 데이터, 즉 데이터의 기원이 자기 자신이 아닌 것이고, state는 자기자신의 컴포넌트에서 만들어낸 데이터 입니다. 어떤 컴포넌트 기준에서 얘기하는지에 따라서 같은 데이터를 얘기하고 있을지라도 state가 될 수 있고 props가 될 수 있습니다.

 

State: 컴포넌트 내에서 관리되는 상태 값을 의미하며, 변경되면 컴포넌트가 재렌더링됩니다. 주로 동적인 데이터를 처리할 때 사용합니다.


Props: 부모 컴포넌트로부터 자식 컴포넌트로 데이터를 전달하는 데 사용되는 매개변수입니다. 자식 컴포넌트는 부모로부터 전달받은 props를 변경할 수 없으며 변경이 필요한 경우 부모에게 요청해야 합니다.

 


질문: 함수형 컴포넌트와 클래스 컴포넌트에서 state를 관리하는 방법의 차이는 무엇인가요?
답변: 클래스 컴포넌트에서 state는 클래스 컴포넌트의 인스턴스 내부에서 관리되며, this.state를 사용해 접근합니다. 반면, 함수형 컴포넌트에서는 useState 훅을 사용해 state를 관리합니다.

질문: 상태관리 라이브러리의 목적과 React에서 흔히 사용되는 상태관리 라이브러리는 무엇인가요?
답변: 상태관리 라이브러리는 요소 간의 상태 관리를 좀 더 효율적이고 깔끔하게 처리하는 것에 목적이 있습니다. React에서 흔히 사용되는 상태관리 라이브러리로는 Redux, MobX, Recoil 등이 있습니다.