Programing Language
-
Node.js) Error in results, duplicate field name 해결방법.Programing Language/Node.js 2021. 12. 10. 16:58
에러 메세지를 자세히 보면 (see option `checkDuplicate`) 이라고 나와있다. 메뉴얼을 살펴보자 https://github.com/mariadb-corporation/mariadb-connector-nodejs/blob/master/documentation/connection-options.md#other-options GitHub - mariadb-corporation/mariadb-connector-nodejs: MariaDB Connector/Node.js is used to connect applications developed on No MariaDB Connector/Node.js is used to connect applications developed on Node.js..
-
Javascript) 바닐라 자바스크립트로 img에 fade in 효과 주기Programing Language/JavaScript 2021. 12. 10. 15:47
커스텀해서 쓰실려면 src 넣는 부분에서 약간의 수정이 필요합니다 function imageLoad(targetElement) { const imgElement = targetElement; // data-lazy 에 지정된 이미지 경로를 에 셋팅 합니다. imgElement.setAttribute('src', imgElement.getAttribute('data-lazy')); imgElement.style.opacity = 0; function fadeIn() { var opacity = 0; imgElement.removeAttribute('data-lazy'); var intervalID = setInterval(function() { if (opacity < 1) { opacity = opaci..
-
Javascript) 말줄임 효과 여러줄 만들기Programing Language/JavaScript 2021. 12. 9. 21:07
동해물과 백두산이 마르고... /* CSS */ .ellipsis1 { width:100px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 두 줄 효과 예시) 동해물과 백두산이 마르고 닳도록 하나님이 보우하사 우리나라 만세... .ellipsis2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; //
-
Vue.js) Vue3.0에서 vuex 사용하기Programing Language/Vue.js 2021. 12. 9. 14:50
Vue 3버전에서 vuex 사용하기 그냥 npm i vuex --save를하게 되면 vuex3.x 버전이 설치됩니다. Vue3.x은 vuex4.x과 호환이 됨으로 기존의 버전은 삭제해줍니다. npm uninstall vuex npm install vuex@next --save store/index.js store.js를 만든후 createStore를 통해 store를 생성하자. // /store.js import { createStore } from 'vuex' export const store = createStore ({ state: { }, getters: { }, mutations: { }, actions: { }, }) main.js에 import합시다 // main.js import { cre..
-
Vue) swiper 현재 이미지 슬라이드 index(번호) Callback함수로 받기Programing Language/Vue.js 2021. 12. 3. 16:51
vue : 3.0.0, swiper : 7.0.0 다음과 같이 코드를 사용하면 됩니다. (앵간한 구글링, stackoverflower에서는 전부다 맞지 않아서 하나하나 값 찾아가면서 구현했습니다.) Templelte computed computed: { swiper() { return this.$refs.mySwiper; } }, Medtohd methods: { slideChangeTransitionStart(index) { console.log(index.activeIndex) }, }, 도움 되셨다면 하단의 광고 한번 클릭 부탁드립니다!!