dev_0hoon

test.vue q-tabs 안에 q-tab의 name 값을 누르면 q-tabs v-model에 반응 하는 것 같다.  test.ts 에 다음과 같이 스토어를 만들었다.import { defineStore } from "pinia";export const useTestStore = defineStore({ id: "testList", actions :{ async testMethod(){ console.log("호출"); } }})defineStore 함수는 Pinia 라이브러리에서 제공하는 함수로, Vuex 스토어를 정의하는 데 사용됩니다. Pinia는 Vue.js 애플리케이션의 상태 관리를 위한 간단하고 강..

$emit은 상위 컴포넌트에 이벤트를 보낼 수 있다.  this.$emit('이벤트 이름', 인자1, 인자2 ...); methods : { addTodo(){ this.$emit('addTodoItem',this.todoItem); this.removeTodoItem(); }, removeTodoItem(){ this.todoItem = ""; } }만약 하위컴포넌트에서 addTodo메소드가 발생할 경우 상위 컴포넌트의 addTodoItem함수를 발동 시키려면  ... ... methods : { addOnItem : function(){ ..

{{ todoItem }}

로컬스토레지에 저장하는 방식으로 진행한다. v-model은 vue의 인스턴스안에 바로바로 저장하는 역할을 한다.- 양방향 바인딩   data 안의 변수에 연결해주면 실시간으로 입력하는 값 으로 바뀌게 된다. 값 확인을 하기 위한 메소드 작성  add   그 다음 localStorage에 저장해보자https://developer.mozilla.org/ko/docs/Web/API/Window/localStorage Window.localStorage - Web API | MDNlocalStorage 읽기 전용 속성을 사용하면 Document 출처의 Storage 객체에 접근할 수 있습니다. 저장한 데이터는 브라우저 세션 간에 공유됩니다. lo..

scoped를 붙이면 해당 컴포넌트에만 영향을 받음

https://developer.mozilla.org/ko/docs/Web/HTML/Viewport_meta_tag 태그를 사용하여 뷰포트의 크기와 모양을 제어하는 방법에 대해 설명합니다." data-og-host="developer.mozilla.org" data-og-source-url="https://developer.mozilla.org/ko/docs/Web/HTML/Viewport_meta_tag" data-og-url="https://developer.mozilla.org/ko/docs/Web/HTML/Viewport_meta_tag" data-og-image="https://blog.kakaocdn.net/dna/bDYWBk/hyV2xfyRuw/AAAAAAAAAAAAAAAAAAAAAKVh2ZcHHSKhzlKt8au-OdTSu_7ix6kmRSQNSn3gmTyl/img..?credential=yqXZFxpELC7KVnFOS48ylbz2pIh7yKj8&expires=1756652399&allow_ip=&allow_referer=&signature=QlqAuSVGxWIqhI7YkNJkxUE9m8c%3D

일반적으로 프로젝트를 만들면 src > components 폴더를 만들어 이곳에서 컴포넌트를 만든다.

spring 프로젝트를 만든 후 build.gradle에 추가해준다. plugins { id 'java' id 'org.springframework.boot' version '3.2.5' id 'io.spring.dependency-management' version '1.1.4' id "com.ewerk.gradle.plugins.querydsl" version "1.0.10"} //Querydsl 추가 implementation 'com.querydsl:querydsl-jpa:5.0.0:jakarta' annotationProcessor "com.querydsl:querydsl-apt:${dependencyManagement.importedProperties['querydsl.version']}:ja..