로메오의 블로그

VUE.JS 목록 $ npm install vue-chartjs chart.js VUE.JS 목록

VUE.JS 목록 vue-d3-cloud 라이브러리의 d.ts파일을 만들겠습니다. tsconfig.json { "compilerOptions": { ... "typeRoots": ["./types"], "declaration": true, "declarationDir": "./types", ... } types 폴더 정의합니다. types 폴더에 vue-d3-cloud.d.ts 파일을 생성합니다. declare module 'vue-d3-cloud' { const Cloud: any export default Cloud } VUE.JS 목록

VUE.JS 목록 src/filters/index.ts import { Vue } from 'vue-property-decorator' import moment from 'moment' /** * 날짜포맷 변경 */ Vue.filter('date', (value: string, param = 'YYYY-MM-DD') => { return moment(value).format(param) }) /** * 화폐로 */ Vue.filter('toCurrency', (value: number) => { return value.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') }) /** * 숫자로 */ Vue.filter('toNumber', (value: string) =..

VUE.JS 목록 Toast ui editor for Vue 설치 $ npm install --save @toast-ui/vue-editor Toast ui editor for Vue 설정 옵션 & getter setter https://www.npmjs.com/package/@toast-ui/vue-editor https://github.com/nhn/tui.editor/blob/master/docs/en/getting-started.md VUE.JS 목록

VUE.JS 목록 tiptap 설치 $ npm install @tiptap/vue-2 @tiptap/starter-kit tiptap 설정 게시판 내용 메뉴바 설정 https://tiptap.dev/examples/collaborative-editing 위와 같은 메뉴바를 설정해봅니다. https://github.com/ueberdosis/tiptap/tree/main/demos/src/Examples/CollaborativeEditing/Vue tiptap github 사이트에서 Examples > CollaborativeEditing > Vue 에서 내용을 가져와서 적용합니다. VUE.JS 목록

VUE.JS 목록 $ npm install gsap AnimationTween.vue {{ displayValue }} Hello.vue VUE.JS 목록

VUE.JS 목록 Opacity opacity hello2 Move move hello2 Dynamic Component dynamic Keyframe Animation animation hello4 Javascript Hook hook hello5 Group Transition add remove {{ item }} Shuffle suffle {{ item }} https://kr.vuejs.org/v2/guide/transitions.html VUE.JS 목록

VUE.JS 목록 일반적인 콤포넌트 사용하기 다이나믹 콤포넌트 사용하기 다이나믹 콤포넌트 상태 보존하기 다이나믹 콤포넌트 & Transition dynamic VUE.JS 목록