Emma.log()

{{ message }} 메시지 변경 name : {{ name }} {{ idx +1 }}. {{ item }} 로그인아웃 {{ isLoggedIn ? '로그아웃' : '로그인' }}vue3에서는 아래 setup문법을 사용vue2에서 하던 new Vue({ el : '#app', data : {}  })new Vue({ el : '#app', data : { myArray : [] } })이 구문 말고ref() 를 사용한다. 아래 예시 참고 const message = ref('안녕하세요!'); const name = ref(''); const data = ref(['vue', 'react', 'angular']) const is..

div id="app">        ul>            li v-for="(item, idx ) in myArray" :key="idx"> {{ item }}                button @click="plusOne(idx)">변경button>                    button @click="removeRow(idx)">삭제button>                li>            button @click="addLast">추가button>            button @click="sortData">소트button>            button @click="showGugudan">구구단 보이기button>            li v-show="show..

var array = [1,2,3,4,5,6,7]        function evenData(){            this.array = this.array.filter(                function(value){                    return value %2 == 0;                }            )        }

백틱() 과 ' 은 뭐가 달라? 클래스 명을 동적으로 할당하고자 했는데 아무리 해도 리터럴 그대로 들어가지 내가 원하는대로 동적으로 셋팅되지 않던 문제가 있었다. 그래서 아무리 찾아봐도 대체 왜 안되는지도 모르겠다가 ' 으로 생긴 모양이 다르길래 봤더니,,, 백틱` 이었던것!!!! 그래서 차이를 몰랐던 내가 알게되어 정리하고자한다. chat GPT에게 물어본 내용을 그대로 옮겼다.**백틱(`)**과 작은따옴표(')(또는 큰따옴표("))는 모두 문자열을 표현하는 데 사용되지만, 몇 가지 중요한 차이가 있습니다.1. 백틱(`)백틱은 **템플릿 리터럴(Template Literal)**이라고 불리며, 다음과 같은 특징을 가지고 있습니다:특징문자열 내 변수 삽입 가능백틱을 사용하면 문자열 안에서 ${}를 통해 ..