티스토리

Hello World...

검색하기

블로그 홈

Hello World...

dalya-tech.tistory.com/m

FaustK 님의 블로그입니다.

구독자: 1

방명록 방문하기

주요 글 목록

vue-echarts 에서 markArea 사용하기 백그라운드에 하이라이트를 적용하고 싶은데, markArea 옵션이 제대로 적용이 되지 않았다. 나는 vue-echarts 라이브러리를 사용하고 있는데 처음에 버그인줄 알았다. 하지만 아니었다. echart 에서 제공하는 옵션 중 하나인 markArea 를 vue-echarts 에서 사용하려면 MarkAreaComponent 컴포넌트를 임포트 해야 한다. import { use } from 'echarts/core'; import { CanvasRenderer } from 'echarts/renderers'; import { LineChart } from 'echarts/charts'; import { TitleComponent, TooltipComponent, LegendComponent, GridCom.. 공감수 1 댓글수 0 2022. 12. 20.
axios POST 방식으로 파일 다운 받기 location.href 방식으로 다운로드를 받았는데, axios post 방식으로도 받을 수 있다. 이 때는 response type을 blob 형식으로 받아야 한다. https://www.npmjs.com/package/js-file-download 모듈을 사용하면 편하다. https://stackoverflow.com/questions/41938718/how-to-download-files-using-axios ex) vue.js downloadList(payload) { // location.href = `/admin/getUserListExcel.do?${payload}`; return $axios.post('/admin/getUserListExcelPost.do', payload, { resp.. 공감수 0 댓글수 0 2022. 11. 18.
vite.config.js asset 폴더 이름 변경하기 서버 api url 에 /asset 이 들어가는 바람에 asset 폴더의 이름을 변경해서 배포를 해야하는 경우가 생겼다. circular view path... 에러 발생 vue3, vite 인 경우 vite.config.js 파일에서 변경해주면 된다. export default defineConfig({ ... build: { assetsDir: "static" }, ... }); 빌드를 하게 되면 dist 폴더 밑에 static 이라는 이름으로 변경된다. 공감수 0 댓글수 0 2022. 11. 15.
vue3, vue-router4 에서 base path 설정하기 router.ts import { createRouter, createWebHistory } from "vue-router"; import type { RouteRecordRaw } from "vue-router"; const routes = (): RouteRecordRaw[] => { return [.......] }; export default createRouter({ history: createWebHistory("/web"), // 괄호 안에 작성해준다 routes: routes(), }); createWebHistory() 괄호 안에 작성해 주면 된다. 공감수 0 댓글수 0 2022. 10. 26.
nuxt2 base path 설정하기 기존 프로젝트에 패스를 변경해 달라는 요청을 받았다. ㄴ a ㄴ b 이런 구조에서 ㄴ z ㄴ a ㄴb 이런 구조로의 변경이다. 처음에 상위에 폴더를 만들어야 하나 했다. 그런데 기존에 설정한 router 들이 문제였다. $router.push('/a') 이런 식의 소스들을 ('/z/a') 이렇게 변경해 주어야 했다. 그러기에는 너무 많고 놓칠 가능성도 높았다. 혹시 공식문서에 있을 지 몰라 검색을 해보니 해결하는 방법이 있었다. https://nuxtjs.org/docs/configuration-glossary/configuration-router The router Property The router property lets you customize Nuxt router. nuxtjs.org nuxt... 공감수 0 댓글수 0 2022. 10. 25.
Vue.js3 - fontawesome prefix 에러 나는 경우 폰트어썸 공식 문서를 보고 Vue.js3 에 폰트어썸을 설치한 후 적용해보면, fas 관련 에러가 난다. 기본적으로 fas 로 설정이 되어 있어서 그런데, 이런 경우 이렇게 작성해 주면 된다. 명시적 방법과 묵시적(?)방법이 나뉘어져 있으므로 아래 코드를 참고하여 작성해주자. javascript - Using Font Awesome in Vue 3 - Stack Overflow 공감수 0 댓글수 0 2022. 2. 26.
Vuejs-TDD 메모 메모 테스트 코드 먼저 작성하기(실패하는 코드) data-test 속성 활용하기 스타일은 나중에 해도 괜찮음, 기능 우선. 테스트시 setValue 활용하기 테스트시 vm 접근 좋지 않음(지양) 라이브세션 이후 머지하기 eslint 기존 설정값 사용 공감수 0 댓글수 0 2022. 2. 16.
Vue3.js 에서 tailwindcss 설치하기 (postcss 에러 났을 때) tailwindcss 공식홈페이지에 있는 내용대로 vite 를 설치해서 진행하면 문제가 없지만, 기존에 사용하던 vue3 에 추가하려니 아래와 같은 에러가 발생하여 설치가 제대로 되지 않았다. Error: PostCSS plugin tailwindcss requires PostCSS 8. 찾아보니 해결책이 있었다. PostCSS 7 을 지원하는 다른 빌드로 설치를 하는 것 같다. How to Setup Tailwind CSS in Vue 3 | Devjavu How to Setup Tailwind CSS in Vue 3 A streamlined walkthrough if you hate docs so much. devjavu.space --------------------------------------.. 공감수 1 댓글수 0 2022. 2. 8.

문의안내

티스토리
로그인
고객센터

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