본문 바로가기

부트캠프46

[개발자의 품격 (야간) 부트캠프 1기] - 스물한 번째 미팅 2022년 3월 8일 개발자의 품격 (야간) 부트캠프 스물한 번째 미팅에 참여했습니다. 오늘은 Vue 4 번째 시간으로 중요한 고급 개념들에 대해 학습했습니다. 지난번까지는 부모 컴포넌트에서 자식 컴포넌트로 데이터를 전달하는 것을 알아보았지만, 이번에는 자식 컴포넌트에서도 부모 컴포넌트로 데이터를 전달하여 좀 더 유연하고 확장성 높인 재사용 컴포넌트 실습을 진행했습니다. 이 때, this.$emit(커스텀 이벤트 이름, 부모 컴포넌트로 전달할 데이터) 구문을 자식 컴포넌트에서 사용하여 부모 컴포넌트로 데이터를 전달할 수 있습니다. 그리고 부모 컴포넌트에서 자식 컴포넌트에 있는 함수도 ref 속성을 활용하면 호출할 수 있습니다. 부모 컴포넌트에서 자식 컴포넌트로 html 구조도 전달이 가능하여 표준화된 재.. 2022. 3. 9.
[개발자의 품격 (야간) 부트캠프 1기] - 스무 번째 미팅 2022년 3월 3일 개발자의 품격 (야간) 부트캠프 스무 번째 미팅에 참여했습니다. Vue.js 세 번째 시간으로 v-if와 v-show의 차이점을 먼저 살펴봤습니다. v-if 는 DOM에서 HTML이 새롭게 생성되고 삭제되는 원리이고, v-show는 이미 DOM에 올라가 있는 상태에서 display: none 으로 CSS가 처리되어 보였다 사라지는 것입니다. 이 원리를 잘 이용하면 관리자, 매니저, 일반 사용자와 같이 로그인 할 때 한 번 인증되면 보여지는 메뉴 부분들이 항상 고정이 되는데 v-if 를 사용하는 것이 효율적입니다. 불필요한 것들을 굳이 v-show를 사용하여 display: none 처리할 이유가 없습니다. 이후에는 computed 개념으로 변경사항을 실시간 감지 가능한 것을 살펴보고.. 2022. 3. 3.
[개발자의 품격 (야간) 부트캠프 1기] - 열아홉 번째 미팅 2022년 3월 2일 개발자의 품격 (야간) 부트캠프 열아홉 번째 미팅에 참여했습니다. input, select box, checkbox, radio 등 양방향 데이터 바인딩을 살펴봤습니다. 그리고 스타일을 적용하는 2가지 방법 및 style 태그를 이용해서 적용하는 것도 해봤습니다. 오늘은 전반적으로 양방향 데이터 바인딩과 단방향 데이터 바인딩을 학습하였고, 이벤트 관련해서도 처리하는 것을 살펴봤습니다. 앞으로 Vue.js는 총 10 번에 걸쳐서 진행되는데 오늘까지 2번을 해서 8번 남았습니다. 재밌게 해보겠습니다. [Reference] 개발자의 품격 부트캠프 1기 - 22_03_02_수 Note (깃헙) 2022. 3. 2.
[개발자의 품격 (야간) 부트캠프 1기] - 열여덟 번째 미팅 2022년 3월 1일 개발자의 품격 (야간) 부트캠프 열여덟 번째 미팅에 참여했습니다. 오늘 Vue 첫 번째 시간으로 셋업하고 간단한 설정을 했습니다. 이후 HTML과 string 단방향 바인딩을 살펴보고 끝났습니다. 앞으로 Vue 수업이 기대됩니다. [Reference] 개발자의 품격 부트캠프 1기 - 22_03_01_화 Note (깃헙) 2022. 3. 2.
반응형

티스토리툴바