Vue 컴포넌트를 수 없이 만들면서 어떤 종류의 컴포넌트에 Provider 패턴을 적용하면 좋을 지에 대해서 고민해본 글입니다. 머릿 속에서만 존재하던 내용을 글로써 꺼낼 수 있게 도와주신 분에게 감사의 인사를 드립니다. React 부분은 아직 배우는 단계라 잘못된 부분이 있을 수 있습니다. 컴포넌트의 역할 Vue, React와 같은 모던 프론트엔드 프레임워크의 개발 방법론은 대부분 컴포넌트와 상태 관리에 대해 초점을 두고 있다. 컴포넌트와 컴포넌트 간의 데이터 상호작용이 중요한데, React의 경우는 컴포넌트 함수를 실행하면서 JSX를 평가하고 화면에 렌더링되고, Vue의 경우는 양방향 바인딩을 통해 템플릿에 데이터를 렌더링하곤 한다. 방식은 다르지만 중점적인 것은 렌더링된 데이터를 부모 컴포넌트로부터 자식 컴포넌트에 어떻게 전달할지가 가장 중요하다. 일반적으로는 컴포넌트가 prop를 통해 데이터를 아래로 전달한다. React의 경우 부모의 상태의 setter를 자식에