다른

약관동의 관련 작업을 하면서 체크박스 전체 선택 처리와 validation 체크 구현이 필요하여 작업한 내용을 정리해본다. * HTML 영역 * Script 영역 data: function () { return { ..... agreeCheckList: ["agree1", "agree2"],// 비교를 위한 전체 CheckList 변수 agreeChecked: [],// 체크 된 목록을 담을 배열 변수 .... } }, computed: { agreeAll: { get: function () { return this.agreeCheckList.length === this.agreeChecked.length; }, set: function (event) { this.agreeChecked = event? ..

ref 와 reactive 는 vue3에서 추가된 Composition api로, 이를 이용하여 반응형 data를 사용할 수 있다. *특징 - ref : 어떤 타입이든 사용가능. 주로 원시타입 변수 사용. - reactive : Object, Array등 객체타입만 사용가능. *접근 방식 - ref : script에서 사용 시 : .value 를 붙여 사용 // 스크립트에서 ref 사용하기 import {ref} from "vue"; // vue에서 ref 객체 import const 변수명 = ref(초기값); // 초기값은 option. //example vue tag에서 사용시 : {{변수명}} 로 사용 // tag 에서 ref사용 {{refParam}} tag 속성에서 사용시 : 속성명 앞에 콜론..