Vue로 컴포넌트를 쓰다 보면 같은 컴포넌트를 상황에 따라 다르게 보여줘야 할 때가 있다.글자 색만 바꾸고 싶거나 같은 카드 디자인에 내용만 다르게 넣고 싶을 때 Props를 쓴다.Props란부모 컴포넌트가 자식 컴포넌트로 값을 전달하는 방법이다.Props = 부모가 주고, 자식이 받는 값데이터는 항상 부모 → 자식 방향으로만 흐른다. 자식은 받은 값을 읽어서 사용만 할 수 있고 직접 바꿀 수 없어서 읽기 전용이라고 표현한다.왜 필요할까컴포넌트를 쓰는 이유가 재사용성인데 완전히 같은 UI만 반복하면 한계가 있다.같은 컴포넌트에 상황마다 다른 데이터를 보여주고 싶을 때 Props가 필요하다.같은 컴포넌트인데 내용만 다르게 넣을 수 있다.동작 흐름 {{ props.name }} - {{ props.ro..