Hello World...

백그라운드에 하이라이트를 적용하고 싶은데, 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..

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..

서버 api url 에 /asset 이 들어가는 바람에 asset 폴더의 이름을 변경해서 배포를 해야하는 경우가 생겼다. circular view path... 에러 발생 vue3, vite 인 경우 vite.config.js 파일에서 변경해주면 된다. export default defineConfig({ ... build: { assetsDir: "static" }, ... }); 빌드를 하게 되면 dist 폴더 밑에 static 이라는 이름으로 변경된다.

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() 괄호 안에 작성해 주면 된다.

기존 프로젝트에 패스를 변경해 달라는 요청을 받았다. ㄴ 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...

폰트어썸 공식 문서를 보고 Vue.js3 에 폰트어썸을 설치한 후 적용해보면, fas 관련 에러가 난다. 기본적으로 fas 로 설정이 되어 있어서 그런데, 이런 경우 이렇게 작성해 주면 된다. 명시적 방법과 묵시적(?)방법이 나뉘어져 있으므로 아래 코드를 참고하여 작성해주자. javascript - Using Font Awesome in Vue 3 - Stack Overflow

메모 테스트 코드 먼저 작성하기(실패하는 코드) data-test 속성 활용하기 스타일은 나중에 해도 괜찮음, 기능 우선. 테스트시 setValue 활용하기 테스트시 vm 접근 좋지 않음(지양) 라이브세션 이후 머지하기 eslint 기존 설정값 사용