[개발자의 품격 (야간) 부트캠프 1기] - 스물두 번째 미팅

2022년 3월 10일

 

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

 

오늘은 Vue.js 5 번째 시간으로 어제 간단히 다뤘던 Vue Lifecycle hooks 에 대해 조금 더 알아봤습니다.

 

before 종류는 거의 잘 안쓰이고, created(), mounted(), updated(), unmounted() 4가지가 많이 쓰입니다.

 

보통 데이터에 대한 준비가 다 된 시기가 created() 이고, mounted() 는 렌더링 직후입니다.

 

updated()는 데이터 변경이 일어날 때고, unmounted()는 컴포넌트를 빠져나가는 시기인데

 

이러한 생명 주기를 잘 활용해서 데이터를 받아오는 코드를 잘 분배한다면 퍼포먼스 향상에 큰 기여가 됩니다.

 

provide, main.js에 선언하는 전역 컴포넌트/directive/provider

 

그리고 마지막으로 custom directive에 대해 학습했습니다.

 

마지막 꿀팁으로 custom directive를 만들 때 input:text로 만든 태그에

 

number만 입력 가능하는 등 여러 유용한 디렉티브를 만들 때 input 이벤트를 활용하는 획기적인 숨은 방법...

 

너무 유익한 시간이었습니다.

 

앞으로 Vue.js 수업이 5번 남았는데 다음주 mixin 과 plugin 그리고 vuex 고급 개념을 학습하면서

 

실습을 진행하게 될 텐데 벌써 기대되고 재밌을 것 같습니다.

---

[Reference]

개발자의 품격 부트캠프 1기 - 22_03_10_목 Note (깃헙)