스펜서 개발블로그

안녕하세요. 오늘은 Vuejs에서 타입스크립트(TypeScript)를 적용하는 방법에 대해 알아보겠습니다. Vue.js 프로젝트에 타입스크립트를 적용하는 방법은 두 가지가 있습니다. 첫번째로 프로젝트를 생성할 때 타입스크립트를 선택할 수 있습니다. 해당 옵션을 선택하여 진행할 경우, Vue.js 프로젝트가 생성되면서 환경설정 및 구조를 자동으로 생성하기 때문에 굉장히 편리하지만 필요한 특정 플러그인, 혹은 라이브러리의 버전을 수정하거나 구조를 수동으로 변경해야하는 번거로움이 있습니다. 두번째로 이미 존재하는 프로젝트에 타입스크립트를 적용하는 방법이 있습니다. 이미 기존에 Vue.js와 자바스크립트로 진행했던 프로젝트가 있는 분들이 많이 선택하시는 방법으로 점진적으로 타입스크립트를 적용할 수 있습니다. n..

조건문 Vue.js에서 조건문은 명시한 조건에 충족할 때 해당 태그를 포함한 하위 태그를 모두 보여주고 실행할 함수나 데이터 바인딩이 있다면 이를 수행한다. 종류 v-if v-if의 경우, if문의 결과가 true일 때 해당 태그를 화면에 보여주고 혹시 함수가 있다면 함수를 호출하여 실행한다. 사용자의 분류 코드에 따라 화면을 다르게 구성하거나 모달(modal)창을 띄울 때 사용하기도 한다. v-if를 사용하면 뒤에 v-else-if와 v-else도 함께 사용한다. v-if는 조건에 충족하지 않을 경우, 랜더링을 하지 않기 때문에 DOM에 남아있지 않으며, 주로 자주 바뀌지 않는 부분에 사용된다. 프로모션 링크 관리 링크 export default { name: 'App', data() { return ..