Form.js 컴포넌트 분리 과정에서 왜 같은 함수인 handleChange는 App.js에서 잘라내어 Form.js에 붙여 넣어줬는데 handleSubmit는 그러지 않고 props로 넘겨주나요?

안녕하세요? 강의 잘 듣고 있습니다. ^^   pinia 부분 수업을 들었는데, props를 이용해서 component간에 상태를 공유하던 (번거로운)부분이 굉장히 편리해져 흥미로웠습니다.   여기서 드는 생각이.. 원래, 자식 component의 script tag내에서 defineProps로 props를 정의하고 부모 component에서 넘겨주고, computed로 업데이트하는 등의 작업들이 모두 pinia를 통한 중앙 store를 통해 해결되는 것으로 보이는데요   그럼, 실제 현업에서도 프로젝트의 일관성을 위해, defineProps, computed 등의 함수를 이용한 props 관리는 지양하고, 모든 상태관리를 pinia를 이용한 store로 관리하는 것도 좋은 선택일까요?   감사합니다.

안녕하세요. 강의를 잘 듣고 있습니다. 6:49 부모 컴포넌트에서 데이터를 자식 컴포넌트로 이동하는데 만일  자식끼리 데이터를 useState로 해야 한다면 redux를 이용하면 될까요?

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.   안녕하세요, vue 강의를 들으면서 프로젝트를 진행하고 있는 예비개발자입니다. 두가지 질문이 있어 질문드립니다!   상단에 캠핑장 필터를 선택해 화면에 띄워주는 과정입니다. 1. 우선 컴포넌트를 나누는 기준을 잘 모르겠습니다. 1번에 해당하는 CampsiteFilter.vue와 부모 컴포넌트인 Campsite.vue로 구성되어 있습니다. 하지만, 기존에 다른 사람들이 제작해놓은 사이트의 경우 코드를 보니, 정말 세세하게 컴포넌트를 구성해놨더라구요. 어떤 상화에서 컴포넌트를 나누어야하는지 궁금합니다.   2. 컴포넌트간의 vuex와 emit사용 시 차이입니다. 그림의 왼쪽 필터 부분에서 먼저, vuex의 store를 활용해 데이터를 주고받으면 필터링을 선택하고 적용을 눌러 데이터를 받아오고자하면 데이터가 화면에서 랜더링 되지가 않습니다. 하지만, 자식컴포넌트에서 emit을 활용해 데이터를 보내주면 화면에 랜더링이 됩니다. 원인이 무엇일까요?   바쁘신 와중에 긴 내용 읽어주시고 답변해주시면 정말 감사하겠습니다!

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.   Form 컴포넌트에 선언되어 있던 handleFormSubmit() 을 App 컴포넌트로 이동 후 Form 컴포넌트로 handleFormSubmit() 를 넘겨 주기 위해서 다음과 같이 코드를 작성하는데요.   const Form = ({ handleFormSubmit }) => { return ( <form onSubmit={handleFormSubmit}> <input type="text" name="name" placeholder="영어 대사를 입력해주세요" /> <button type="submit">생성</button> </form> ) }   props 로 handleFormSubmit 형태로 넘겨주지 않고 {handleFormSubmit} 형태로 넘겨주는 이유는 무엇인가요?   ( {..} 형태는 html tag 시 react 의 표현식을 넘겨줄 때 사용하는 것으로 이해하고 있었습니다 )  

리덕스에서 관리되는 데이터는 props로 넘기는 대신 redux 접근해서 바로 가져와도 성능적인면에서 크게 상관없나요? 컴포넌트끼리 props 넘기는 과정이 귀찮고 나중에 코드볼때 어떤 데이터가 넘어가야되는지 확인해야되서 리덕스로 웬만한건 다 처리하려고하는데 상관없나요?

protectedRoute.js 부분이 강의에서 제 지식에 비해 다소 설명이 부족한 것 같아서 의문점이 생겨 질문드립니다. 1.  ...rest는 어디서 나온 데이터 인가요? 2. {...rest}가 이 코드에서 하는 역할이 무었인가요?    (테스트결과 삭제해도 수정하는데는 아무 이상이 없습니다) 3. props는  PostEdit.js 에서 넘어오는 데이터 인가요?      라우터에 exact component={PostEdit}를 했기때문에      넘어오는 데이터 인건가요? 4. component: Component는 왜이렇게 하나요?      component: Component vs Component      차이를 모르겠습니다. Component만 써보니      전자와 달리 console.log({props})는 찍히지 않으나,      수정하는데는 문제가 없던것 같습니다. 5. protectedRoute없이도 사실 데이터 변경은 불가능 한가요?      서버측에서 수정 라우터에 auth 미들웨어를 삽입했기때문에 사실 없어도 데이터 변경은 불가능한것 맞나요?      강사님께서 한번 언급하신것처럼 보안성을 좀더 강화(프론트 부분에서도 보안처리)하기 위한 방식인거죠? --매번 consolo.log를 찍어도 모르는게 많습니다.     (질문이 너무 많아서 죄송합니다) 

toc에 data라는 props를 만들어준게 없는데 어떻게 사용할 수 있는거죠? 이전 강의에서 props는 {this.props.이름} 이런식으로 props를 만드는거라고 하셨었는데 해당 강의에서는 안보여서요

vuex 사용시 eventbus나 emit props는 사용을 지양하는게 맞나요? eventbus를 사용하면 동일선상에 있는 컴포넌트간 통신이 훨씬 간단해질것같아서 고민입니다.  지금 댓글 crud를 만들어보고 있는데 페이지마다 달라지는 댓글 정보를 state에 저장하는건 좀 이상하다는 생각이 들어서요.ㅜㅜ