[개발자의 품격 (야간) 부트캠프 1기]

2022년 3월 8일

개발자의 품격 (야간) 부트캠프 스물한 번째 미팅에 참여했습니다.

오늘은 Vue 4 번째 시간으로 중요한 고급 개념들에 대해 학습했습니다.

지난번까지는 부모 컴포넌트에서 자식 컴포넌트로 데이터를 전달하는 것을 알아보았지만,

이번에는 자식 컴포넌트에서도 부모 컴포넌트로 데이터를 전달하여 좀 더 유연하고 확장성 높인

재사용 컴포넌트 실습을 진행했습니다.

이 때, this.$emit(커스텀 이벤트 이름, 부모 컴포넌트로 전달할 데이터) 구문을 자식 컴포넌트에서 사용하여

부모 컴포넌트로 데이터를 전달할 수 있습니다.

그리고 부모 컴포넌트에서 자식 컴포넌트에 있는 함수도 ref 속성을 활용하면 호출할 수 있습니다.

부모 컴포넌트에서 자식 컴포넌트로 html 구조도 전달이 가능하여 표준화된 재사용성 높은 레이아웃 컴포넌트도 만들 수 있습니다.

특정 부분만 바뀌었을 때, 그 부분만 재정의해서 사용할 수 있습니다.

마지막으로 Vue Lifecycle 를 간단히 알아보면서 학습을 마쳤습니다.

비록 제가 현업에서 진행하고 있는 프로젝트에서는 리액트를 프론트엔드 프레임워크로 사용하고 있지만,

부트캠프에서 배우는 Vue.js와 기능 구현에 있어서 큰 차이는 없다고 생각이 되며

부트캠프에서 학습하는 특정 부분의 코드로부터 도움을 많이 받고 있습니다.

이번에 Vue.js 도 열심히 수강해서 나중에 현업에서 Vue.js를 사용할 프로젝트 기회가 온다면

좀 더 수월하고 재미있게 프로젝트에 임할 수 있을 것 같습니다.

[Reference]

Aaron's blog