티스토리

메모장
검색하기

블로그 홈

메모장

doopang.tistory.com/m

doopang 님의 블로그입니다.

구독자
1
방명록 방문하기

주요 글 목록

  • SNS 공유하기 https://developers.kakao.com/https://devtalk.kakao.com/// index.html// kakao// Main.vue X facebook naver web copy 공감수 0 댓글수 0 2024. 7. 2.
  • Vue jQuery 플러그인 설정 npm i @rollup/plugin-inject npm i jquery webpack.conf.js(webpack) const webpackConfig = { plugins: [ ... new webpack.ProvidePlugin({ $: 'jquery', jquery: 'jquery', 'window.jQuery': 'jquery', jQuery : 'jquery' }) ] } vite.config.js(vite) import { defineConfig, loadEnv } from 'vite' import inject from '@rollup/plugin-inject' export default ({command, mode}) => { return defineConfig({ plugins: [ in.. 공감수 0 댓글수 0 2024. 4. 17.
  • Vue Store const state = { infoSeq: '' } const mutations = { setInfoSeq (state, payload) { state.infoSeq = payload } } /** * 정보 조회 * @param commit * @param payload * @returns {Promise} */ async selectInfo ({commit}, payload) { return transmission(true, 'GET', url, payload) } const getters = { infoSeq (state) { return state.infoSeq } } computed: { infoSeq () { return store.state.infoSeq } } store.commit('se.. 공감수 0 댓글수 0 2023. 12. 26.
  • TOAST UI Grid Pagination(Server) 1) 일반 const dataSource = { api: { readData: { url: url, method: 'GET', initParams: $('#searchForm').serializeObject() } } } let pageGrid = new tui.Grid({ data: dataSource, }); 2) 페이지 제어 const dataSource = { api: { readData: { url: url, method: 'GET' } }, initialRequest: false // set to true by default } let pageGrid = new tui.Grid({ data: dataSource, }); pageGrid.readData(1, $('#searchForm').ser.. 공감수 0 댓글수 0 2023. 12. 15.
  • Vue props, emit 상위 컴포넌트methods: { methodName1 (data) ( ... }, methodName2 (data) { ... }, methodName3 () { this.$refs.ChildComponent.method3(data) }}하위 컴포넌트버튼1버튼2props: { propName1: {}, propName2: {}}methods: { method1 (data) { this.$emit('event1', data1) }, method2 (data) { this.$emit('event2', data2) }, method3 (data) { ... }} 공감수 0 댓글수 0 2023. 11. 21.
  • TOAST UI Grid Pagination Using Callbacks https://github.com/nhn/tui.grid/blob/master/packages/toast-ui.grid/docs/en/data-source.md Using Callbacks grid.on('beforeRequest', function(data) { // Before sending the request }).on('response', function(data) { // When a response has been received regardless of success. const response = data.xhr.response; const responseObj = JSON.parse(response); if (responseObj.result) { ... }.. 공감수 0 댓글수 0 2023. 9. 16.
  • Vue vee-validate npm i vee-validate vee-validate.js import {confirmed, email, integer, length, max, min, min_value, numeric, required, regex, double} from 'vee-validate/dist/rules' import {extend, localize} from 'vee-validate' import ko from 'vee-validate/dist/locale/ko.json' localize('ko', ko) extend('required', { ...required, // message: 'This field is required1' }) Company.vue {{ errors[0] }} 공감수 0 댓글수 0 2023. 3. 14.
  • FormData 로그 보기 for (let pair of formData.entries()) { console.log(`${pair[0]}, ${pair[1]}`) } 공감수 0 댓글수 0 2023. 2. 20.
  • Storage // url 받아서 param Storage에 저장 const searchParams = new URLSearchParams(location.search); for (let param of searchParams) { localStorage.setItem(param[0], param[1]) // key, value } // Storage 특정 값 삭제 localStorage.removeItem("key"); // Storage 전체 삭제 localStorage.clear(); // 객체 저장, 조회 const searchParams = { key1: "value1", key2: "value2", key3: "value3", } sessionStorage.setItem('searchParams&#3.. 공감수 0 댓글수 0 2023. 1. 27.
  • Vue Excel JSON 형식으로 Parsing Terminalnpm install xlsx Main.vue import * as XLSX from "xlsx";import excel from "@/api/excel";export default { data() {return { items: []} }, methods: {onloadFile(event) { const file = event.target.files[0]; let reader = new FileReader(); reader.onload = (e) => { let data = reader.result; // let data = e.target.result; let workb.. 공감수 0 댓글수 0 2023. 1. 17.
  • Vue 우편주소 검색 Terminalnpm i vuejs-daum-postcode Main.vue 주소 검색 import DaumPostcode from '@/components/DaumPostcode'export default { name: Profile, components: { DaumPostcode }, data() { return { daumPostShow: false, companyAddr1: '' } }, methods: { statChange() { this.$emit("statChange") }, daumShow() { this.daumPostShow = !this.dau.. 공감수 0 댓글수 0 2022. 12. 29.
  • Vue npm 실행 에러 날 때 $ npm cache clean --force $ npm install $ npm run serve 공감수 0 댓글수 0 2022. 4. 10.
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

    티스토리는 카카오에서 사랑을 담아 만듭니다.

    © Kakao Corp.