[Vue.js] @contextmenu.prevent 사용 방법 예제 총정리
@contextmenu.prevent는 Vue.js에서 사용하는 디렉티브입니다. 의미 분석 예시 이렇게 하면, 사용자가 해당 <div> 위에서 마우스 오른쪽 버튼을 눌러도 브라우저의 기본 컨텍스트 메뉴가 나타나지 않습니다. 참고: .prevent...
[SQL 표준] LEFT JOIN LATERAL(또는 LEFT OUTER JOIN LATERAL) 래터럴 조인 사용 방법 예제 총정리
postgreSQL의 LEFT JOIN LATERAL(또는 LEFT OUTER JOIN LATERAL)은 일반적인 LEFT OUTER JOIN과는 유사하지만 중요한 차이점이 있습니다. LATERAL은 서브쿼리가 왼쪽 테이블의 열을 참조할 수 있도록 허용하는...
[iOS, SwfitUI] 원격 푸시 알림으로 앱 아이콘의 배지(Badge) 숫자 보일 때 제거 해제 방법
iOS에서 원격 푸시 알림으로 앱 아이콘의 배지(Badge) 숫자가 설정되었는데, SwiftUI 앱에서 앱 실행 시 배지 숫자가 계속 남아있는 경우, 수동으로 배지를 초기화(reset) 해줘야 합니다. 해결...
[SwfitUI, iOS] Generic parameter ‘R’ could not be inferred 오류 발생 이유와 해결방법
오류 발생 코드 Swift에서는 Int와 String을 + 연산으로 직접 연결할 수 없습니다. 그래서 컴파일러가 어떤 타입으로 제네릭을 추론해야 할지 모르는 상황이 되어 Generic parameter 'R'...
[Vue3, TypeScript] vee-validate + pinia 연동 방법 예제 총정리
vee-validate와 pinia를 연동하면 폼 상태를 전역 상태 관리(store)와 연결해서 아래와 같은 유용한 패턴을 만들 수 있습니다 주요 목적 예제 시나리오 1. pinia store 정의 2....
[Vue3, TypeScript] vee-validate에서 입력 필드 마스킹/포맷팅방법
vee-validate에서 입력 필드 마스킹(Masking) 및 포맷팅(Formatting) 을 구현하는 일반적인 방식은 다음과 같습니다 구현 방식 요약 방법 설명 예시 v-model + watch() 입력값 직접 감시 및...
[Vue3, TypeScript] vee-validate와 yup에 대한 예제 총정리
vee-validate와 yup은 둘 다 웹 폼의 유효성 검사(validation) 를 도와주는 라이브러리지만, 역할과 사용 방식이 다릅니다.둘의 차이점과 각각의 목적을 아래에 정리해드릴게요. ee-validate란? Vue.js 전용 폼 유효성...
JavaScript/TypeScript 기본 문법: Spread, Rest, Map 사용법 예제 총정리
초보자를 위한 JS/TS 문법: Spread, Rest, Map 완전 정복 spread, rest, map 모두 JavaScript/TypeScript의 기본 문법입니다. Vue 코드에서 자주 쓰여요. 1. Spread 문법 (...obj) 객체나...
[STS] STS 콘솔 스크롤 잠금 해제 방법 | Scroll Lock 끄기 가이드
Spring Tool Suite(STS) 콘솔에서 Scroll Lock이 자동으로 활성화되어 로그가 멈추는 문제는 꽤 흔한 불편함 중 하나이다. 이를 비활성화하거나 자동으로 활성화되지 않게 하기 위한 방법들을 시도해보자....
[Vue3, TypeScript] provide, inject 사용예제
페이지 네비게이션바가 있는 모든 페이지가 문제가 발생중이다. 가령, 1페이지에서 다른 페이지로 이동 후 검색조건을 변경하여 검색하면 조회 되지 않는 문제가 발생중이다. 그 이유는 페이지 초기화가...
