프로젝트를 하다보면 인터넷이 안되는 환경이 참 많습니다. 이럴때 빌드가 안되는 불상사가 T.T 그래서 yarn을 이용하기로 했습니다. npm이랑 사용하시는데 별반 차이는 없습니다. $ npm run dev $ yarn dev 이런식으로 동작시키면 됩니다. 일단 윈도우 기준으로 작성합니다. mac이나 리눅스도 동일하게 적용가능합니다. 먼저 yarn을 설치 합니다. $ npm install yarn --global 기존 프로젝트에서 .lock 파일을 삭제 합니다. $ del .\package.lock 그 다음 $ yarn install 이제 설치 및 기본 설정은 끝났습니다. 먼저 기존에 받아 놓았던 것들을 모두 삭제 합니다. $ rmdir .\node_modules /S /Q $ rmdir .\npm_pac..

vite에서 jsx를 사용 하기위해 플러그인 설치 npm instsall @vitejs/plugin-vue-jsx --save vite.config.js 설정 import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' import vueJsx from '@vitejs/plugin-vue-jsx'; export default defineConfig({ plugins: [vue(), vueJsx()], resolve: { alias: [ { find: '@', replacement: '/src' }, { find: /^~@/, replacement: '/src' } ], extensions: ['.mjs', '.js', '.ts', '...

lifecycle

nodejs 설치 다운로드 URL : https://nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 현시점 기준으로 16.x를 설치하자. 최신 버젼은 안되는게 은근 많고 피곤함. vue cli설치 $ npm install -g @vue/cli 설치 버젼 확인 $ vue --version @vue/cli 5.0.4 폴더를 하나 만들고 초기 vue 프로젝트 생성한다. $ vue create 프로젝트명(소문자) vue3는 현시점 기준 아직 문제가 좀 많으므로 2버젼으로 생성한다. 일단 돌아는 가는 지 테스트 $ npm run serve App running at: - ..

소스에 폰트 때려넣기. css파일을 작성해 줍니다. [NotoSansKR.css] @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 100; src: url(./notosanskr/NotoSansKR-Thin.woff2) format('woff2'), url(./notosanskr/NotoSansKR-Thin.woff) format('woff'), url(./notosanskr/NotoSansKR-Thin.otf) format('opentype'); } @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; src: url(./noto..