강의

멘토링

로드맵

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

Minkoo Lee님의 프로필 이미지
Minkoo Lee

작성한 질문수

Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"

공통 컴포넌트 분리 (based on Vue.js 3 spec)

와 짐코딩님 강의 들으면서 느끼는게 많네요.

작성

·

24

0

현재 공통컴포넌트 분리 강의 들으면서 느끼는게 많네요. 기본편을 다 들었음에도 순간순간 헷갈리는데 정리해놨던 것들 계속 보면서 보다보니 조금씩 익숙해지는거 같습니다.

먼가 머릿속에 순간 한번에 아직은 안그려지는게 있네요.

오히려 평소엔 기본편 정리해둔 내용을 계속 보는게 차라리 도움이 될 것 같습니다.

*Props, Emit

Props : 부모에서 자식으로 값 넘겨줄때

Props정의는 자식에서 객체로 type, required

Emit: 자식에서 부모로 이벤트 넘겨줄때
(자식에서 바로 수정안하고, 부모에 이벤트 넘겨서 수정)

Emits정의는 배열로 이벤트 이름 선언

*Slot

부모에서 넘겨주는 태그를 자식쪽에 넣을때

디폴트 slot사용하거나, Named Slot사용하거나

자식 slot에서 부모로 바인딩된 값을 넘겨주면

부모에선 v-slot="slotProps"로 받거나,

아예 구조분해할당해서 받아서 부모에서 사용

 

짐코딩님이 강의 준비를 위해 얼마나 공부하셨을지 감히 상상이 안되네요.
암튼 잘듣고 있습니다. 메일로 클로드 알려주셔서 일단 결제해놨습니다. 추후 들을 예정입니다. ㅎㅎ

퀴즈

뷰 3에서 컴포넌트가 부모로부터 데이터를 전달받기 위해 사용하는 기능은 무엇인가요?

defineEmits

ref

defineProps

reactive

답변 1

1

짐코딩님의 프로필 이미지
짐코딩
지식공유자

안녕하세요! 🙂

정리하신 내용 보니까 핵심을 정확하게 잡으셨네요! Props, Emit, Slot — 이 세 가지가 컴포넌트 통신의 전부라고 해도 과언이 아닌데, 헷갈리면서도 계속 보다 보면 어느 순간 자연스럽게 손이 먼저 나가게 돼요. 그 과정을 잘 가고 계신 것 같아서 보기 좋습니다 ㅎㅎ

클로드 강의까지 결제해주셨다니 감사해요! 앞으로도 함께 성장해요 💪

감사합니다 🙂

Minkoo Lee님의 프로필 이미지
Minkoo Lee

작성한 질문수

질문하기