소행성왕자

docker-compose 로 APM 서버 구축 - Apache2, Mysql 프로젝트 경로 설정 mkdir -p ./Project/{apache2,html,mysql} - docker image pull docker pull httpd docker pull php:7.4-fpm docker pull mysql:8.0 - 이미지 확인 docker images - docker-compose.yml 생성 version: "3" services: apache2: build: ./Project/apache2 restart: always container_name: apache2 links: - mysql ports: - "9080:80" - "9022:22" volumes: - ./Project/apache2/..

목적 gitlab 설치 docker pull gitlab/gitlab-ce docker run --detach \ --hostname 220.72.212.xxx \ --publish 4443:443 --publish 80:80 --publish 2222:22 \ --name gitlab \ --restart always \ --volume /srv/gitlab/config:/etc/gitlab \ --volume /srv/gitlab/logs:/var/log/gitlab \ --volume /srv/gitlab/data:/var/opt/gitlab \ gitlab/gitlab-ce:latest gitlab-runner CI/CD 작동중 220.72.212.247:8080 오류가 발생하여 80 포트 사용 ..

Setting > Preferences > Profiles 1. SSH 설정 2. 패스워드 설정 Window > password manager + 클릭후 Account Name , User Name 입력후 Edit Password 클릭하여 패스워드를 입력한다. 3. Triggers 설정 Triggers? 비밀번호를 자동으로 입력하는 기능 Setting > Preferences > Profiles > Advanced > Edit

디자인 패턴의 템플릿 메소드 패턴에 대해 알아보려고 합니다. 크롤링을 주로 작업하면서 한개의 크롤러를 만들어 사용하다 여러가지 문제로 인해 여러개의 크롤러를 사용하기로 합니다. 이전까지는 curl 만 이용했지만 아래와 같이 curl 이외의 크롤러를 사용하기 위해 템플릿 메소드를 사용하기로 합니다. curl casperjs puppeteer 등등 다이어그램은 아래와 같습니다. ParseCurl 객체 ParsePuppeteer 객체 또는 다른 크롤러 추가시 OCP 를 만족하도록 추가만 해주면 됩니다. 다이어그램은 봤으니 프로그램을 살펴보도록 하겠습니다. 먼저 호스트 코드를 먼저 살펴보도록 하겠습니다. example.php

출력결과 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..

option API 사용이 아닌 Composition API 에서 공통인 common.js 추가하고 싶을때 사용합니다. Composition API 는 사용합니다. option API 는 this.$common 사용하는 반면 Composition API 는 inject 를 사용합니다. js/common.js 사용할 컴포넌트에서 inject 에서 사용할 이름을 지정해줍니다. app.provide('common',common) export default { install:(app) => { const common = { cc(str) { console.log('>>>>>common.js111 >>>>' + str); }, dd(str) { console.log('>>>>>common.js222 >>>>' +..

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..