본문 바로가기

반응형

전체 글

참조키 추가시 에러 ([HY000][1025] Error on rename of ... errno: 168 "Unknown (generic) error from engine" ) MariaDB Ver : 10.6 마리아디비에서 컬럼을 추가하며 참조키(Foreign Key) 관계를 생성할때 ([HY000][1025] Error on rename of ... errno: 168 "Unknown (generic) error from engine" ) 같은 형태로 에러를 뱉으며 튕긴다. 개인적인 경험이지만 마리아디비 10.6 이상부터 발생했던 에러같다. 더 자세한 사유를... 찾아보려 했지만.. 일단 이렇게 해결함. SET FOREIGN_KEY_CHECKS = 0; ALTER TABLE EX_DATA ADD CONSTRAINT R_101 FOREIGN KEY EX_DATA_NUM REFERENCES EX_MASTER_DATA (EX_DATA_NUM); SET FOREIGN_KEY_CHE.. 더보기
Vue.js - 슬롯(Slot) 존재여부 Vue.js 에서 컴포넌트를 다루는 작업에서 슬롯에 대한 존재여부 확인이 필요한 경우가 있다. 이에 Computed 로 슬롯존재여부를 다음과 같이 추적하면 된다. export default { name : 'example-component', computed : { hasDefaultSlot(){ // return this.$slots.default ? true : false; // !!this.$slots['default]; return !!this.$slots.default; } } } 더보기
Vue 3 / Vuetify.js / Electron.js 로 프로젝트를 하고자 한다면 이전 포스팅 https://www.jkun.net/659 을 통해서 개발환경을 구성해서 미니멀 프로젝트를 진행해보았다. 흠.. 짧은 경험이라면 짧지만.. 아직까진 Vue3/Electron + Vuetify.js (Alpha 3.0.0) 기준으로 프로젝트를 진행하기에는 무리가 있겠다는 생각이 든다. 사이드 이펙트에 대해서 대응하기엔 리소스가 부족하고 무엇보다 Vuetify.js 이전 버전에 비해서 상당히 부실함이 있다. 그리고 수동적으로 대응해 주어야 하는 상황이 상당히 빈번하게 발생한다. 차라리 UI Framework 는 다른 것을 택해서 하는 것이 안정적이란 생각이다. Element Plus 등 Vue3 에 대응해서 정상적으로 릴리즈가 된 프레임워크를 선택해서 간단한 프로토타입이라도 구성해보고 채택하는.. 더보기
Vue.js/Electron.js (Electron-Vue) 를 통한 개발환경 구성 Vue.js 와 Electron.js 데스크톱 어플리케이션을 개발하기 위한 환경을 구성해보려한다. UI Framework 는 Vuetify.js 로 하기로 한다... 익숙해짐인건가.. 가장깔끔;; 일단 진행해보자. * 그리고 사전에 기본적으로 필수사항을 확인한다. (Requirement : npm or yarn) 1. Vue CLI (제일먼저 Vue CLI 를 설치하고 버전을 확인해보자) "-g" 옵션이니 sudo (관리자 계정) 으로 설치하자. npm install -g @vue/cli vue --version 2. Create Electron App (Vue CLI 를 이용하여 프로젝트 생성) vue create MyProjectName 그럼 다음처럼 Vue.js 버전을 선택하라고 나오는데.. 이번 .. 더보기
[MariaDB/MySQL] 데이터베이스 생성 자주 쓰는 명령어다 보니 타이핑도 싫고, 실 작업은 터미널에서 이루어지는 경우가 많아 정리한다. 데이터베이스 생성 데이터베이스 생성시에는 일반적으로 다음과 같은 구문을 사용하게 된다. 이어서 바로 요약하자면 CREATE DATABASE 데이터베이스명 CHARACTER SET utf8mb4 collate utf8mb4_general_ci; USE 데이터베이스명; "CREATE DATABASE" 까지 보면 그동안의 패턴과 비슷하지만 "utf8mb4" 에 주목해보자면 .. 설명이 너무 많아서 그냥 쉽게 그러려니 식으로 넘어가보면 이모지(Emoji) 같은 데이터를 저장하고자 하면 하자. ㅋㅋ 😀 이런것처럼 ㅎㅎ 그래서 현재는 모든 데이터베이스 생성시에는 그냥 utf8mb4 로 생성하고 있다. 자세한 설명은 이 .. 더보기
노트북 시리얼 넘버 조회 보통 제품 등록할때 노트북의 시리얼 넘버를 조회하는데 박스 뒤지고 뭐하는거 은근짜증;; 다음처럼 간단하게 하시죠. 전 기종에 적용되는지는 확실히 모르겠습니다만 아직까지 안된 경우는 없었습니다. 윈도우 기준으로 명령 프롬프트 ( 시작 키 + R : cmd , 시작 키 / 그냥 명령으로 검색 ) wmic bios get serialnumber 복붙~ ^^ 더보기
[lodash / debounce / watch / delay] 디바운싱 예제 아이디 중복검사 같은 경우 키 입력이나 유효성 검사 플러그인에 포함시키는 경우가 다양하다. 하지만 입력시마다 통신하는 것은 결코 유쾌하지 않은 기분이다. 이럴때 lodash 의 debounce 를 사용하면 적절하다. import debounce from 'lodash/debounce'; export default { watch : { memberId:debounce((inputValue) => { const Vue = this; let emailRegExp = /(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\[\x01-\x09\x0.. 더보기
[Nginx] 인터넷 익스플로러 제한 nginx 에서 IE (인터넷익스플로러) 로 접근했을때 지정된 파일로 표시할 수 있다. location / { if ($http_user_agent ~* MSIE) { root /etc/nginx/not-support-ie.html; } } $http_user_agent : 유저에이전트(User Agent) 문자열 ~* : 정규식 , 대소문자 구분안함 MSIE : 유저에이전트(User Agent) 문자열에서 인터넷 익스플로러 비교 위와 같이 수정한 후, nginx 재시작 or reload 더보기

반응형