'VUE' 태그의 글 목록

What is Vuex? Vuex is a state management pattern + library for Vue.js applications. It serves as a centralized store for all the components in an application, with rules ensuring that the state can only be mutated in a predictable fashion. It also integrat

vuex.vuejs.org

6. vue-session : 세션

https://github.com/victorsferreira/vue-session

victorsferreira/vue-session

A simplistic session plugin for VueJS backed by SessionStorage and LocalStorage - victorsferreira/vue-session

github.com

7. babel-polyfill : ie 11 지원

https://github.com/babel/babel/tree/master/packages/babel-polyfill

babel/babel

🐠 Babel is a compiler for writing next generation JavaScript. - babel/babel

github.com

8. vue-uuid-v4 : 간편한 uuid 생성

https://github.com/estudioliver/vue-uuid

estudioliver/vue-uuid

Plugin VueJs to get UUIDv4. Contribute to estudioliver/vue-uuid development by creating an account on GitHub.

github.com

9. axios-extension : axios cache 설정

https://github.com/kuitos/axios-extensions

kuitos/axios-extensions

🍱 axios extensions lib, including throttle, cache, retry features etc... - kuitos/axios-extensions

github.com

10. Validation with submit & clear : 입력값 유효성 검사

https://vuetifyjs.com/ko/components/forms/

Form component — Vuetify.js

The form component provides a wrapper that makes it easy to process and control validation states of input components.

vuetifyjs.com

11. multi select

Vue-Multiselect | Vue Select Library

Vue-Multiselect | Vue Select Library.

Probably the most complete selecting solution for Vue.js, without jQuery.

vue-multiselect.js.org

12. datepicker(range)

mengxiong10/vue2-datepicker: A datepicker / datetimepicker component for Vue2 (github.com)

mengxiong10/vue2-datepicker

A datepicker / datetimepicker component for Vue2 . Contribute to mengxiong10/vue2-datepicker development by creating an account on GitHub.

github.com

그 외 참고사이트

https://vuejsexamples.com/

Vue.js Examples

A nice collection of often useful examples done in Vue.js

vuejsexamples.com

저작자표시 비영리 변경금지

'개발환경 > VueJS' 카테고리의 다른 글

Vue package.json dependencies 버전 업데이트 방법 (0)	2021.04.15
VueJS, Apache Tomcat서버에 배포하기 (0)	2020.03.02
Vuetify IE 11적용 (0)	2020.03.01
Spring boot에 Vue , Vuetify 개발환경 구축하기 (0)	2020.01.30

ingus

,

VueJS, Apache Tomcat서버에 배포하기

개발환경/VueJS 2020. 3. 2. 00:26

기존에 사용중이던 Apache Tomcat 서버에 vue 프로젝트를 배포를 했다.

1. vue 프로젝트를 build 한다.

node cmd > $ cd 프로젝트 경로

node cmd > $ npm run build

2. 프로젝트 폴더 > dist에 build된 파일이 생성된다.

dist 폴더 내 파일을 모두 복사한다.

3. 서버에 접속 후 tomcat webapps 경로로 이동 후 프로젝트 명으로 폴더를 생성한다.

복사한 dist 폴더 내 파일들을 붙여넣기한다.

- 경로 : 웹서버 > tomcat 설치 경로 > webapps > 프로젝트 폴더명

4. "톰캣 호스팅 주소 : 포트/프로젝트명"으로 접속하여 테스트 해본다.

#. 프로젝트 경로로 제대로 로드가 되지 않을 경우

프로젝트 폴더 > vue.config.js 파일에서 publicPath를 확인해볼 것

저작자표시 비영리 변경금지

'개발환경 > VueJS' 카테고리의 다른 글

Vue package.json dependencies 버전 업데이트 방법 (0)	2021.04.15
VueJS를 하면서 추가하는 것 (0)	2020.03.16
Vuetify IE 11적용 (0)	2020.03.01
Spring boot에 Vue , Vuetify 개발환경 구축하기 (0)	2020.01.30

ingus

,

Vuetify IE 11적용

개발환경/VueJS 2020. 3. 1. 23:56

[사용 환경]

- Vue-Cil 로 Vue, Vuetify 설치

- WebPack 미 설치

1. babel polyfill설치

node cmd > $npm install --save @babel/polyfill

2. 프로젝트 폴더 > src > main.js에 구문 추가

import '@babel/polyfill';

3. 프로젝트 폴더 > babel.config.js 파일 생성

module.exports = {

presets: [

[

'@vue/app',

{

"useBuiltIns": "entry"

}

]

}

4. 프로젝트 폴더 > .babelrc 파일 생성

{

"presets": [

"@babel/preset-env"

]

}

5. 프로젝트 폴더 > vue.config.js에 구문 추가

const ansiRegx = requeire('ansi-regex')

module.exports = {

..

transpileDependencies: [ansiRegex]

..

}

6. .vue에 babel-polyfill CDN 추가

#. 참고 사이트

https://steemit.com/vue-cli3/@stepanowon/vue-cli-3-x-ie11

저작자표시 비영리 변경금지

'개발환경 > VueJS' 카테고리의 다른 글

Vue package.json dependencies 버전 업데이트 방법 (0)	2021.04.15
VueJS를 하면서 추가하는 것 (0)	2020.03.16
VueJS, Apache Tomcat서버에 배포하기 (0)	2020.03.02
Spring boot에 Vue , Vuetify 개발환경 구축하기 (0)	2020.01.30

ingus

,

Spring boot에 Vue , Vuetify 개발환경 구축하기

개발환경/VueJS 2020. 1. 30. 23:34

[Spring boot 설정]
- https://ingus26.tistory.com/28

Spring Boot 개발환경

1. Open JDK 설치 아래 페이지로 STS JDK Path까지 설정 필요 - https://ingus26.tistory.com/24 OpenJDK 설정 방법 OracleJDK에서 OpenJDK로 변환했다. 1. JDK 파일 다운로드 https://openjdk.java.net/ OpenJDK..

ingus26.tistory.com

1. node를 설치한다.

나는 Windows Installer (.msi) 64bit버전의 node를 설치했다.

- https://nodejs.org/ko/

Node.js

Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.

nodejs.org

Node.js

Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.

nodejs.org

- node command prompt에서 node를 입력하면 설치된 버전을 확인할 수 있다.

2. node command prompt에서 vue를 설치해보자!

1) cd "spring boot 프로젝트 root폴더" 경로로 이동 한다.

2) vue-cli

vue-cli 4 업데이트 후.. vuetify add가 안되서.. 확인해보니 ㅠㅠ

이전 vue-cli를 완전히 삭제하지 않고 업데이트와 재설치를 병행해서 그랬다.

vue-cli를 삭제하고 vue --version 해서 명령어가 실행되지 않으면 말끔히 지워진 것.

(1) 삭제

$ npm r -g vue-cli

$ npm r -g @vue/cli

(2) 재설치

$ npm i -g @vue/cli

(3) 프로젝트 생성

$ vue create 프로젝트명

설치 완료시 http://localhost:8080/를 접속하여 페이지를 확인한다.

3) vuetify 설치

$ vue add vuetify

vue와 vuetify가 설치됬습니다 :D

- 끗 -

저작자표시 비영리 변경금지

'개발환경 > VueJS' 카테고리의 다른 글

Vue package.json dependencies 버전 업데이트 방법 (0)	2021.04.15
VueJS를 하면서 추가하는 것 (0)	2020.03.16
VueJS, Apache Tomcat서버에 배포하기 (0)	2020.03.02
Vuetify IE 11적용 (0)	2020.03.01

ingus

,

'VUE'에 해당되는 글 4건

VueJS를 하면서 추가하는 것

'개발환경 > VueJS' 카테고리의 다른 글

VueJS, Apache Tomcat서버에 배포하기

'개발환경 > VueJS' 카테고리의 다른 글

Vuetify IE 11적용

'개발환경 > VueJS' 카테고리의 다른 글

Spring boot에 Vue , Vuetify 개발환경 구축하기

'개발환경 > VueJS' 카테고리의 다른 글

카테고리

태그목록

글 보관함

ingus

LATEST FROM OUR BLOG

BLOG VISITORS

티스토리툴바