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

2022년 3월 15일

 

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

 

오늘은 Vue.js 심화 문법으로 mixin을 학습했습니다.

 

mixin은 재사용되는 여러 훅들을 미리 모아서 다른 컴포넌트에서 불러와서 사용할 수도 있고,

 

main.js 파일에 전역으로 설정해놓고 어디에서든지 자유자재로 사용 가능합니다.

 

마치 리액트의 커스텀 훅 같은 느낌이었습니다.

 

보통 Axios 모듈을 이용하여 서버 통신을 하는 등 여러 컴포넌트에서 재사용되는 훅들을 많이 지정합니다.

 

이후 플러그인을 배웠습니다.

 

플러그인 개념을 활용해서 i18n 다국어 시스템을 지원할 수 있습니다.

 

이 때 i18n 플러그인의 함수를 reduce 함수와 object의 key와 서버로부터 받아오는 data 두 인자를 가지고

 

replace, match 를 활용하여 구현할 수 있습니다.

 

custom-directive, mixin, plugin 등 유용한 것들을 모아두면 개발팀의 큰 자산이 될 수 있습니다.

 

마지막으로 mixin 실습으로 Date formatter 함수를 만들었습니다.

 

내일은 Concurrency formatter mixin 실습과 Vuex 그리고 라우터에 대해 조금 더 알아봅니다.

 

다음 주에 Vue.js 수업이 마무리 되는데 벌써 아쉽습니다.

---

[Reference]

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