Education50 [개발자의 품격 (야간) 부트캠프 1기] - 스물네 번째 미팅 2022년 3월 16일 개발자의 품격 (야간) 부트캠프 스물네 번째 미팅에 참여했습니다. 오늘은 어제 mixin 실습의 두 번째로 조금 어려운 convertCurrency 함수를 구현했습니다. 한국, 미국, 유럽 등 나라별로 화폐를 표기하는 방법이 다른 데 이것을 함수로 어떻게 구현하면 좋을 지 학습했습니다. 이후에는 Vuex를 활용하여 state, mutations, actions 를 학습하고 모든 컴포넌트에서 중앙 저장소에 있는 데이터를 읽고 변경하고, 서버에 저장하는 방법들을 알아봤습니다. 마지막으로는 router 의 한 기능으로 beforeEach를 이용하여 로그인 한 사용자에게 시스템 내부의 화면이 보여지도록 설정하는 방법을 학습했습니다. 오늘도 유익한 시간이었습니다. [Reference] 개발.. 2022. 3. 16. [개발자의 품격 (야간) 부트캠프 1기] - 스물세 번째 미팅 2022년 3월 15일 개발자의 품격 (야간) 부트캠프 스물세 번째 미팅에 참여했습니다. 오늘은 Vue.js 심화 문법으로 mixin을 학습했습니다. mixin은 재사용되는 여러 훅들을 미리 모아서 다른 컴포넌트에서 불러와서 사용할 수도 있고, main.js 파일에 전역으로 설정해놓고 어디에서든지 자유자재로 사용 가능합니다. 마치 리액트의 커스텀 훅 같은 느낌이었습니다. 보통 Axios 모듈을 이용하여 서버 통신을 하는 등 여러 컴포넌트에서 재사용되는 훅들을 많이 지정합니다. 이후 플러그인을 배웠습니다. 플러그인 개념을 활용해서 i18n 다국어 시스템을 지원할 수 있습니다. 이 때 i18n 플러그인의 함수를 reduce 함수와 object의 key와 서버로부터 받아오는 data 두 인자를 가지고 repl.. 2022. 3. 15. [개발자의 품격 (야간) 부트캠프 1기] - 스물두 번째 미팅 2022년 3월 10일 개발자의 품격 (야간) 부트캠프 스물두 번째 미팅에 참여했습니다. 오늘은 Vue.js 5 번째 시간으로 어제 간단히 다뤘던 Vue Lifecycle hooks 에 대해 조금 더 알아봤습니다. before 종류는 거의 잘 안쓰이고, created(), mounted(), updated(), unmounted() 4가지가 많이 쓰입니다. 보통 데이터에 대한 준비가 다 된 시기가 created() 이고, mounted() 는 렌더링 직후입니다. updated()는 데이터 변경이 일어날 때고, unmounted()는 컴포넌트를 빠져나가는 시기인데 이러한 생명 주기를 잘 활용해서 데이터를 받아오는 코드를 잘 분배한다면 퍼포먼스 향상에 큰 기여가 됩니다. provide, main.js에 선언.. 2022. 3. 10. [개발자의 품격 (야간) 부트캠프 1기] - 스물한 번째 미팅 2022년 3월 8일 개발자의 품격 (야간) 부트캠프 스물한 번째 미팅에 참여했습니다. 오늘은 Vue 4 번째 시간으로 중요한 고급 개념들에 대해 학습했습니다. 지난번까지는 부모 컴포넌트에서 자식 컴포넌트로 데이터를 전달하는 것을 알아보았지만, 이번에는 자식 컴포넌트에서도 부모 컴포넌트로 데이터를 전달하여 좀 더 유연하고 확장성 높인 재사용 컴포넌트 실습을 진행했습니다. 이 때, this.$emit(커스텀 이벤트 이름, 부모 컴포넌트로 전달할 데이터) 구문을 자식 컴포넌트에서 사용하여 부모 컴포넌트로 데이터를 전달할 수 있습니다. 그리고 부모 컴포넌트에서 자식 컴포넌트에 있는 함수도 ref 속성을 활용하면 호출할 수 있습니다. 부모 컴포넌트에서 자식 컴포넌트로 html 구조도 전달이 가능하여 표준화된 재.. 2022. 3. 9. 이전 1 ··· 4 5 6 7 8 9 10 ··· 13 다음 반응형