Vue.js 컴포넌트에 외부 JavaScript 스크립트 추가하는 방법 총정리
Vue.js 컴포넌트에서 외부 JS 스크립트 추가하기Vue.js를 사용하다 보면 외부 JavaScript 스크립트를 컴포넌트에 추가해야 할 때가 있습니다. 예를 들어, 특정 기능을 제공하는 서드파티 라이브러리나 직접 작성한 스크립트를 사용할 경우가 그렇습니다. 이 글에서는 Vue.js 컴포넌트에서 외부 JavaScript 스크립트를 추가하는 다양한 방법을 단계별로 알아보겠습니다.1. 전역적으로 외부 JS 파일 추가하기가장 간단한 방법은 public/index.html 파일에 이 방법은 스크립트가 모든 컴포넌트에서 전역적으로 사용 가능하도록 설정됩니다. 하지만 특정 컴포넌트에서만 필요한 스크립트를 추가하려면 다른 방법을 고려해야 합니다.2. 특정 컴포넌트에서 외부 스크립트 로드하기특정 컴포넌트에서만 외..
Vue.js computed에서 arrow function이 작동하지 않는 이유와 해결 방법
Vue.js에서 애플리케이션을 개발하다 보면 computed 프로퍼티에 대해 arrow function을 사용했을 때 예상치 못한 동작을 경험할 수 있습니다. 이번 글에서는 그 이유를 설명하고, 공식 문서 및 올바른 사용법을 소개하겠습니다.1. Arrow Function의 특징JavaScript의 arrow function은 기존의 function 키워드로 정의한 함수와 몇 가지 중요한 차이가 있습니다.1.1 this 바인딩Arrow function은 자신을 감싸는 상위 스코프의 this를 자동으로 바인딩합니다.따라서 일반 함수와 달리 this를 변경할 수 없습니다.1.2 prototype이 없음Arrow function으로 생성된 객체는 prototype 속성을 가지지 않습니다.1.3 new 키워드로 ..