로메오의 블로그

VUE.JS 목록 컴포넌트 만들기 /src/component/base/BaseSnackbar.vue snackbar Global 콤포넌트 선언 /src/externalModule.ts import Vue from 'vue' import BaseSnackbar from '@/components/base/BaseSnackbar.vue' export function initGlobalComponents () { Vue.component('BaseSnackbar', BaseSnackbar) } /src/main.ts import Vue from 'vue' import App from './App.vue' import router from './router' import store from './store' im..

VUE.JS 목록 Vuetify 설치 ## vue 프로젝트 설치 $ vue create test-project ## 생성된 폴더로 진입 $ cd test-project ## vuetify 추가 $ vue add vuetify ## default로 설치 ? Choose a preset: (Use arrow keys) Configure (advanced) > Default (recommended) Vite Preview (Vuetify 3 + Vite) Prototype (rapid development) Vuetify 3 Preview (Vuetify 3) ## VSCode로 프로젝트 열기 $ code . ## 서버 구동 $ npm run serve Draggable 설치 $ npm install --sa..

VUE.JS 목록 jest 글로벌 설치 $ npm install -g jest jest 주입 $ npm i -D @types/jest $ npm i -D @vue/cli-plugin-unit-jest $ npm i -D @vue/test-utils@1 $ npm i -D @vue/vue2-jest $ npm i -D babel-jest $ npm i -D jest $ npm i -D ts-jest package.json { ... "scripts": { "serve": "vue-cli-service serve", "build": "vue-cli-service build", "lint": "vue-cli-service lint", "test": "vue-cli-service test:unit" }, .....

VUE.JS 목록 라이프 사이클 VUE.JS 목록

VUE.JS 목록 RestApi 클래스 $ npm install axios .env VUE_APP_API_PUBLIC_URL='http://localhost:8888/v1/' VUE_APP_API_BASE_URL='http://localhost:8888/v1/' utils/restApi.ts import axios, { AxiosInstance, AxiosResponse } from 'axios' export enum ServiceUrl { BASE = process.env.VUE_APP_API_BASE_URL } export default abstract class HttpClient { public apiUrl?: string; protected readonly instance: AxiosInstan..

VUE.JS 목록 .env .env.local .env.development .env.production 파일을 만듭니다. .env VUE_APP_ALL=_ALL .env.local VUE_APP_LOCAL=_LOCAL .env.development VUE_APP_DEV=_DEVELOPMENT .env.production VUE_APP_PRODUCTION=_PRODUCTION package.json ... "scripts": { "serve": "vue-cli-service serve", "stg": "vue-cli-service serve --mode production", "build": "vue-cli-service build", "lint": "vue-cli-service lint" }, ... ..

관리를 누릅니다. 속성 만들기를 누릅니다. 사이트 정보를 입력하고 고급 옵션 보기를 누릅니다. 유니버셜 애널리틱스 속성 만들기를 활성화하고 사이트를 입력하고 다음을 누릅니다. 만들기를 누릅니다. G- 속성을 확인 할 수 있습니다. 속성에 GA4 코드와 UA 코드를 확인 할 수 있습니다. 추적 코드에서 추적 ID를 확인 할 수 있습니다.

작업 표시줄 하나로 표시 작업표시줄 단추 하나로 표시를 안함으로 변경한다. 자동 창 맞춤 끄기 창 맞춤을 끈다.