반응형 학습/Vue.js3 웹 게임을 만들며 배우는 Vue(섹션별 회고) *개요 웹 게임을 만들며 배우는 Vue 강의를 듣고 유용한 문법을 섹션별로 회고합니다. 데이터 중심으로 사고하라(화면에서 변경되는 부분과 아닌 부분을 잘 구분하라) 섹션 1 끝말잇기- ref를 사용하면 특정 요소에 접근할 수 있습니다. 예를 들어, this.$refs를 사용해 ref="answer"로 정의한 요소에 계속 커서를 유지하도록 focus()를 걸 수 있습니다. 제출 ...export default { ... methods : { onSubmit(e) { e.preventDefault(); this.$refs.answer.focus(); } }} 섹션 2 구구단- 같은 화면을 여러번 넣고 싶다면(각기 다른 d.. 2024. 8. 1. computed vs watch vs method *개요data, computed, watch 사용의 차이를 알아봅니다. 추가사항(2024-10-23) 매개변수가 전달되는 경우에는 computed 캐싱 기능을 활용 못하므로 methods 사용 computed vs method computed: { // a computed getter reversedMessage: function () { // `this` points to the vm instance return this.message.split('').reverse().join('') } } methods: { reverseMessage: function () { return this.message.split('').reverse().join('').. 2024. 6. 12. [vue 터미널 실행 오류] "vue : 이 시스템에서 스크립트를 실행할 수 없으므로 파일을 로드할 수 없습니다" *개요*npm install @vue/cli 명령어로 Vue를 설치하고 Vue 버전을 확인하려고 하는데 오류가 났습니다.(Vue CLI 설치는 공식문서를 참고하세요 - https://cli.vuejs.org/guide/installation.html) 원인 및 해결방안 해당 오류의 원인은 Windows 실행 정책입니다. 기본은 Restricted으로 "개별 명령을 허용하지만 스크립트는 허용하지 않습니다." 따라서 정책을 변경하거나 개별 명령을 실행해야 합니다. 자세한 내용은 공식문서를 참고하세요(about_Execution_Policies) 정책더보기AllSigned 스크립트를 실행할 수 있습니다. 로컬 컴퓨터에서 작성하는 스크립트를 포함하여 신뢰할 수 있는 게시자가 모든 스크립트 및 구성 파일에.. 2024. 5. 29. 이전 1 다음 반응형
