VUE2 [Vue3] 객체 기본값 설정시 factory 함수 사용 (feat. undefined) Vue를 쓰다 보면, props나 data에서 기본값(default)을 설정해야 할 때가 자주 있다. 객체나 배열처럼 참조형 데이터의 기본값을 설정할 때는 반드시 factory 함수를 써야 한다. 왜 factory 함수를 꼭 써야 하는지, 어떤 문제가 발생할 수 있는지 다루어보려한다. 1. 기본값을 직접 할당하면 발생하는 문제props: { options: { type: Object, default: {} }} default: {}는 프로그램이 시작될 때 단 한 번만 평가되어, 하나의 {} 객체가 메모리에 만들어지게 된다.이후 컴포넌트를 여러 번 만들어도, Vue는 이 {} 객체를 계속 재사용하게 된다. 2. 실제로 생기는 문제 예를 들어, 를 두 번 썼다고 생각해 보자.두 개의 컴포넌트 .. 2025. 6. 10. [UnJS] [unbuild] javascript 빌드를 위한 시스템 unbuild는 Vue와 Nuxt 생태계에서 자주 사용되는 빌드 도구로, CommonJS(CJS)와 ESM(ES Module) 형식 모두로 출력을 생성할 수 있는 강력하고 유연한 빌드 시스템이다.unbuild : https://github.com/unjs/unbuild GitHub - unjs/unbuild: 📦 A unified JavaScript build system📦 A unified JavaScript build system. Contribute to unjs/unbuild development by creating an account on GitHub.github.com 사용 상황 예시1. 라이브러리 개발: 모듈 개발시 여러 환경에서 동작하도록 배포하는 경우2. ESM/CJS 호환성: 모.. 2024. 11. 21. 이전 1 다음