소행성왕자

출력결과 vue3 와 트레이딩뷰 차트 기본적인 설치는 아래 포스트 참고 하세요 https://trytoso.tistory.com/1627 트레이딩뷰챠트(tradingview) + vue3 기본차트 띄우기 vue3 를 사용하여 기본적인 트레이딩뷰챠트(lightweight-charts) 를 띄우려고 한다. KB star 에서 사용하던 vue3 프로젝트를 기본으로 한다. 트레이딩뷰챠트를 사용하기 위해 가장 먼저 해야 할 일은 lightwe trytoso.tistory.com 프로젝트 구조 main.js import { createApp } from 'vue' import './style.css' import App from './AppChart.vue' import store from './store' imp..

vue3 에서 jQuery 사용하는 방법을 알아보도록 하겠습니다. jQuery 설치 npm install --save jquery jQuery 설치 확인 보통 main.js 파일에 jQuery 를 import 해줍니다. $ 한개 대신 $$ 두개를 사용하려고 합니다. import { createApp } from 'vue' import './style.css' import App from './AppChart.vue' import store from './store' import AfterLoginClass from './js/class/AfterLogin' import jQuery from 'jquery' import mitt from 'mitt' const emitter = mitt(); /* crea..

vue3 의 Composition API main.js import { createApp } from 'vue' import './style.css' import App from './App.vue' import store from './store' import mitt from 'mitt' const emitter = mitt(); /* createApp(App) .use(store) .use(mitt) .mount('#app') */ const coforwardUi = createApp(App); coforwardUi.provide('emitter', emitter) coforwardUi.use(store); coforwardUi.mount('#app'); /* import { createApp, }..

vue3 에서 vuex 를 이용하여 전역으로 데이터를 관리할수 있는 store 사용법과 컴포넌트 끼리 통신할수 있는 mitt 사용법을 알아보도록 합니다. vue3의 문법은 가 아닌 를 이용하는 Composition API 사용법을 알아보도록 하겠습니다. 사전작업 store 사용하기 위해 vuex 설치 (npm install --save vuex) mitt 사용하기 위해 mitt 설치 (npm install --save mitt) 설치 완료하면 package.json 의 dependencies 에 mitt 와 vuex 가 추가되어 있습니다. package.json 또한 vuex 의 store 사용하기 위한 기본 폴더(srote) 와 파일(index.js) 생성되었습니다. main.js import { cr..

vue3 를 사용하여 기본적인 트레이딩뷰챠트(lightweight-charts) 를 띄우려고 한다. KB star 에서 사용하던 vue3 프로젝트를 기본으로 한다. 트레이딩뷰챠트를 사용하기 위해 가장 먼저 해야 할 일은 lightweight-charts 에서 설치하는 것입니다 . npm install --save lightweight-charts componests 구조 vue3 컴포넌트 참고 https://stackblitz.com/edit/vitejs-vite-r4bbai?file=src%2Fmain.js vue ref() 참고 https://www.danvega.dev/blog/2020/02/12/vue3-ref-vs-reactive/ App.vue Set Random Colors Change Ch..