<div style="color: #d6deeb; background-color: #011627; font-family: 'Jetbrains Mono NL', Consolas, 'Courier New', monospace; font-size: 14px; line-height: 19px; white-space: pre;">
<div>&nbsp;props: {</div>
<div>&nbsp; &nbsp; info: {</div>
<div>&nbsp; &nbsp; &nbsp; type: <span style="color: #c5e478;">Object</span>,</div>
<div>&nbsp; &nbsp; &nbsp; <span style="color: #82aaff; font-style: italic;">default</span>: <span style="color: #d9f5dd;">()</span> <span style="color: #c792ea;">=&gt;</span> ({}),</div>
<div>&nbsp; &nbsp; },</div>
<div>// info: Object</div>
<div>// info: {}</div>
<div>},</div>
</div>
<p>UserProfile에서 props를 이런 식으로도 받을 수 있던데</p>
<p>아래 주석과 다른 차이가 무엇인가요?</p>
<p>&nbsp;</p>
<p>&nbsp;</p>

<p>안녕하세요 좋은 질문이네요. info: Object는 타입만 지정한 것이구요. props는 강의에서 안내 드린 것처럼 최대한 자세하게 작성하시는 게 좋습니다 :)</p>

Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념

props로 데이터받을 때 질문입니다

2가지 데이터 처리 흐름 비교

스타일링을 더 어렵게 만들기 위해

코드 중복을 줄이고 일관성을 높이기 위해

데이터 관리를 복잡하게 만들기 위해

컴포넌트 간 의존성을 높이기 위해

인프런 커뮤니티 질문&답변

props로 데이터받을 때 질문입니다