본문 바로가기

DEV/Study2

Vue v-on 핸들러 캐싱, 언제 되고 언제 안 될까? 안녕하세요. 정말 오랜만에 글을 써보는데요.회사에서 다른 프론트엔드 개발자분들과 얘기하다가 Vue v-on이 어떻게 동작하는지 궁금증이 생겨 내부 코드를 직접 뜯어봤습니다. 그 내용을 정리하면서 이벤트 핸들러 캐싱이 어떻게 동작하는지 살펴봤습니다. 😆핸들러 캐싱이 필요한 이유문제 상황: 만약 캐싱이 없다면? 카운트: {{ count }} 카운트 증가 console.log('clicked!')" /> 부모가 리렌더링될 때마다 인라인 핸들러가 새로 만들어지면 함수 참조가 달라져서 자식 입장에서는 props가 변경된 것으로 인식합니다. 상황에 따라 불필요한 리렌더링이 생길 수 있습니다.캐싱의 효과// 캐싱 없음: 매번 새로운 함수render1: handler = () => {} // .. 2025. 8. 29.
Ubuntu에서 도커 설치하기 도커 설치 가이드 이 글은 Ubuntu에서 도커를 설치하는 방법을 공부하며 정리한 내용입니다. 설치전 준비사항 OS 요구사항 Docker Engine을 설치하려면 다음 Ubuntu 버전 중 하나의 64 비트 버전이 필요합니다. Ubuntu Focal 20.04 (LTS) Ubuntu Bionic 18.04 (LTS) Ubuntu Xenial 16.04 (LTS) 기존 도커 삭제 $ sudo apt-get remove docker docker-engine docker.io containerd runc 도커 설치 도커를 설치하는 방법은 아래와 같으며, 이 중 리포지터리를 사용한 설치로 진행하겠습니다. 가장 권장되는 리포지터리를 사용한 설치 DEB 패키지를 다운로드하여 수동으로 설치하고 업그레이드를 완전히 수.. 2020. 11. 29.