이벤트 발생관련 질문드립니다.

안녕하세요 지예님, 굉장히 재밌고 심도 있는 질문을 주셨네요 :) 리액트를 경험하신 상황에서 뷰를 배우고 계셔서 더 비교 분석이 쉬우실 것 같아요 :) 답변 드리겠습니다.

1. 하위 컴포넌트에서 상위 컴포넌트로 보내는 이벤트 에밋 전달 방식은 단방향 데이터 흐름 조건을 만족합니다. 예를 들어 하위의 data를 담아 상위에 보내셨을 때는 데이터 유효 범위가 달라서 원하시는대로 동작을 안할거에요. 뷰에서 이벤트 에밋이 있는 이유는 리액트에서 프롭스만 있어서 하위 컴포넌트에 콜백을 계속 내려줘야 하는 번거로움을 제거해 준다고 보시면 좋을 것 같아요 :)

2. 리액트는 Immutability. 뷰는 Reactivity 입니다. 뷰 시작하기 강의에서 다룬 Reactivity가 뷰에서 추구하는 궁극적인 목적이라고 보시면 될 것 같아요. 리액트에서 Mobx 써보셨으면 Mobx가 추구하는 목적이 Vue.js의 코어에 존재하고 있다라고 보시면 될 것 같습니다. 개인적인 생각에는 리액트도 뷰의 Reactivity와 같은 성질이 필요해서 Mobx나 Hooks의 useEffect가 나온 것 같아요.

불변성과 관련하여 배열 조작에 대한 질문을 남겨주셨는데요. 리액트에서는 불변성을 유지하기 위해 기존 데이터에 추가 데이터를 조합하여 새 데이터를 생성해야 번거로움이 있었다면 뷰에서는 원본 데이터 자체를 원하는대로 변경해도 성능에 영향 없이 UI를 개발해 나갈 수 있다고 보시면 됩니다. 배열 조작의 가장 큰 비교 사례는 리액트는 splice()가 안되고 뷰에서는 splice()로 편하게 개발할 수 있습니다 :)

수강해 주셔서 감사합니다!