[개발자의 품격 (야간) 부트캠프 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 개념으로 변경사항을 실시간 감지 가능한 것을 살펴보고

 

이와 비슷하게 watch 개념으로 히스토리들을 계속 파악할 수 있는 것을 학습했습니다.

 

마지막으로는 재사용 컴포넌트와 관련해서 기본적으로 key를 항상 부모 컴포넌트에서

 

자식 컴포넌트로 props로 전달하여 반복문을 통해 쉽게 재사용성을 높여 렌더링을 할 수 있습니다.

 

실무에서 중요한 개념들을 쏙쏙 잘 이해되게 설명해주셔서 감사했습니다.

 

Vue.js 를 처음 학습하는데 생각보다 편리하고 매력적인 FE 프레임워크라 생각됩니다.

 

다음 주 수업도 기대됩니다.

---

[Reference]

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