props와 state를 용어 정의 수준에서 외운 사람과, 상태를 어디에 둘지 결정해본 사람을 가른다. 단방향 데이터 흐름이 왜 필요한지까지 답할 수 있는지 본다.
props는 부모 컴포넌트가 자식에게 전달하는 외부 입력값으로 자식 입장에선 읽기 전용이다. state는 컴포넌트가 내부에서 관리하는 변경 가능한 값이고, state가 바뀌면 그 컴포넌트가 다시 렌더링된다. props를 자식이 직접 바꾸는 대신 상태를 부모로 끌어올리고 변경 함수를 내려주는 패턴으로 단방향 데이터 흐름을 유지한다. 이 구조 덕분에 데이터가 어디서 와서 어디로 가는지 추적할 수 있고, 컴포넌트를 재사용 가능한 단위로 유지한다.
상태를 상위 컴포넌트로 끌어올려 데이터 불일치를 해소한 경험을 props/state 경계 결정과 연결할 수 있다
props drilling이 깊어져서 상태 구조를 재설계했던 경험을 풀어낼 수 있다
읽기 전용 props 계약을 코드 리뷰에서 어떻게 지켰는지 말할 수 있다
아직 공개된 답변이 없어요. 첫 공개 답변을 남겨보세요.