[리액트] 양방향 바인딩

🔐 양방향 바인딩은 무엇일까요?
양방향 바인딩을 사용하는 경우 리렌더링이 어떻게 이루어질 지 그려보세요.
(부모 컴포넌트 A와 자식 컴포넌트 B가 있음을 가정하고 그려봅시다.)

• 답변
  

- 양방향 데이터 바인딩
    - 장점 : 코드의 사용면에서 코드량을 크게 줄여줌
    - 단점 : 변화에 따라 DOM 객체 전체를 렌더링해주거나 데이터를 바꿔주므로, 성능이 감소되는 경우가 있음
- 단방향 데이터 바인딩
    - 장점 : 데이터 변화에 따른 성능 저하 없이 DOM 객체 갱신 가능하며, 데이터의 흐름이 단방향이라, 코드에 가독성을 올려줌
    - 단점 : 변화를 감지하고 화면을 업데이트 하는 코드를 매번 작성해야 함