패스잇
모바일 개발 · 기초

React Native 컴포넌트에서 `state`와 `props`는 각각 어떤 역할을 하며, 이 둘의 주요 차이점은 무엇인가요?

힌트 · `props`는 부모로부터 전달받는 읽기 전용 데이터이며, `state`는 컴포넌트 내부에서 관리되는 변경 가능한 데이터입니다.

상태 관리불변성단방향 데이터 흐름컴포넌트 내부읽기 전용

모범답안

React Native 컴포넌트에서 state와 props는 모두 데이터를 다루는 중요한 역할을 합니다.

props는 부모 컴포넌트로부터 자식 컴포넌트로 전달되는 데이터입니다. 중요한 점은 props는 자식 컴포넌트 내부에서 변경할 수 없는 읽기 전용 데이터라는 것입니다. 부모 컴포넌트가 props를 변경해야 자식 컴포넌트가 업데이트됩니다.

반면 state는 컴포넌트 내부에서 관리되는 데이터입니다. 컴포넌트 스스로 setState 메서드를 사용하여 state를 변경할 수 있으며, state가 변경되면 컴포넌트가 다시 렌더링됩니다.

주요 차이점은 props는 외부로부터 전달받아 변경할 수 없는 데이터이고, state는 컴포넌트 내부에서 관리하며 변경 가능한 데이터라는 점입니다. React의 단방향 데이터 흐름을 이해하는 데 중요한 개념입니다.

읽었다면, 이제 직접 답해볼 차례예요

패스잇 앱에서 이 질문에 말로 답하면 AI가 꼬리질문까지 이어가며 1:1 코칭합니다.

함께 보는 React Native 면접 질문

← React Native 면접 질문 전체 보기