반응형 분류 전체보기39 [Vuetify] 자주 사용하는 색상 네이밍 지정하기 src/plugins/vuetify.ts import Vue from 'vue'; import Vuetify from 'vuetify/lib'; import 'material-design-icons-iconfont/dist/material-design-icons.css'; import colors from 'vuetify/lib/util/colors'; Vue.use(Vuetify); export default new Vuetify({ theme: { themes: { light: { RED: '#fc3d5d', BLUE: '#348ed8', }, }, }, }); vuetify 설정파일에 theme.themes.light 밑에 '사용할 이름': '색상' 으로 선언해주면 색상을 네이밍으로 편하게 사용 할.. 2020. 10. 13. [Vue] vue-class-component 형식에서 Mixin 사용하기 src/mixins/list.ts import { Vue } from 'vue-property-decorator'; import Component from 'vue-class-component'; import store from '@/store/index'; @Component export default class MixinVue extends Vue { public getList(target: string): void { store.dispatch(target); } } store의 action을 호출하기 위한 mixin 파일 src/App.vue 2020. 10. 13. [Vue] Vue3 ref, reactive 사용해보기 이번에 vue3에서 composition api가 추가됨으로써 vue2 사용자 시점에서 ref와 reactive에 대하여 간단한 예제 소스를 작성해 보았다. 1. data()와 ref() 기존 vue2에서 데이터를 핸들링 할때는 사실 반응형이라는것에 신경쓰지 않고 사용했던거 같다. {{text}} 2초 뒤에 text를 변경하는 예제이다. 반응형이라는것이 그냥 당연하다고만 여겨졌었다.. {{text1}} {{text2}} 동일한 vue3의 예제이다. 실행해보면 2초뒤에 text1은 변경이 되지 않고, ref를 사용한 text2는 변경이된것을 확인 할 수 있다. setTimeout안에서 vue2와는 다르게 this를 사용하지 않으며, ref에 접근하기 위해서는 .value로 접근해야 된다. 최종적으로 tex.. 2020. 9. 20. 젠킨스 간단 사용기 #1. 설치 Contents 젠킨스 간단 사용기 #1. 설치 젠킨스 간단 사용기 #2. GitHub 연동 젠킨스 간단 사용기 #2. 자동배포 테스트 환경 - Red Hat Enterprise Linux version 8 - JDK 1.8 - Jenkins 2 - Node 10 - Nginx - Git - GitHub 목적 - 젠킨스 설치 #1. 설치 젠킨스는 java 기반으로 돌아가기 때문에 jdk를 설치해 줍니다. sudo yum install java-1.8.0-openjdk-devel.x86_64 -y git 설치 sudo yum install git jenkins.ropo 파일 설정 sudo wget -O /etc/yum.repos.d/jenkins.repo sudo rpm --import 또는 직접 설정 하.. 2020. 9. 14. Requested domain is not a FQDN because it contains an empty label. letsencrypt 를 사용해서 기존에쓰던 도메인 +@ 로 추가해주려 했다. 기존 정보를 불러오기 위한 ./letsencrypt-auto certificates 명령어 사용 ./letsencrypt-auto certificates - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Found the following certs: Certificate Name: [NAME] Serial Number: *************** Domains: [도메인1] Expiry Date: 2020-10-25 01:08:16+00:00 (VALID: 89 days) Certificate Path: /etc/letsencryp.. 2020. 7. 27. [NGINX] (13: Permission denied) nginx에서 80/81/82번 포트를 오픈 하려고 했더니 아래와같은 오류가 나왔다. /var/log/nginx/error.log [emerg] 1231212#0: bind() to 0.0.0.0:82 failed (13: Permission denied) semanage 명령어를 사용해서 포트를 추가해주려 했으나 semanage port -a -t http_port_t -p tcp 82 -bash: semanage: command not found semanage 가 설치되어있지 않았다. policycoreutils-python 를 설치하여 semanage명령어를 사용 할 수 있었다. yum -y install policycoreutils-python 출처 https://www.burndogfather.. 2020. 7. 14. [Vuetify] 메뉴 만들기 (With Vuex) 환경 - Node v10.16.0 - Vuetify2 Vuetify와 Vuex를 사용하여 2뎁스까지 지원하는 메뉴 체계를 작성해 보았습니다. 화면구성 Menus.vue : 메뉴 출력 및 동작 컴포넌트 PageTitle.vue : 페이지 타이틀 아이콘/이름 출력 컴포넌트 Index.vue : 라우터로 이동될 페이지 메뉴 이동에따라 화면을 전환하고 PageTItle내용을 수정해 주겠습니다. Index.vue (메뉴설정) 부분에는 메뉴 색상 및 메뉴 추가, 삭제 기능이 있습니다. store/state/color.js const colorState = { colors: { menu_background_color: '#263238', menu_selected_color: 'red', } } export defau.. 2020. 7. 13. [Vuetify] DatePicker + TimePicker 환경 - Node v10.16.0 - Vuetify2 날짜와 시간을 함께 선택 하여 사용하고 싶어서 Vuetify에 Date Picker와 TimePicker 예제를 합쳐 보았습니다. (2020-07-13 12:37) 와 같은 형식의 산출물 Page.vue DateTimePicker 컴포넌트를 불러옵니다. DateTimePicker.vue Cancel OK Cancel OK set() 함수에서 2020-07-16 04:22 형식으로 date 변수에 담깁니다. 참고 자료 https://vuetifyjs.com/ko/components/date-pickers/ Date picker component — Vuetify.js The date picker component is a stand-alone inter.. 2020. 7. 13. [NPM] Error: EACES : permission deined, mkdir ' ... node sass/build' npm install 중 Error: EACES : permission deined, mkdir ' ... node-sass/build' 에러가 발생했을때 sudo rm -rf ~/.node-gyp sudo npm cache clean -f sudo npm install -g n sudo n stable sudo npm i --unsafe-perm 2020. 7. 6. [MariaDB]Error Code: 1221. Incorrect usage of DB GRANT and GLOBAL PRIVILEGES RDS MariaDB 인스턴스, 계정을 생성하고 mysql> CREATE USER '사용자명'@'%' IDENTIFIED BY '패스워드'; mysql> CREATE USER 'joadmin'@'%' IDENTIFIED BY 'password'; 생성한 계정을 'A' 테이블에만 접근할 수 있도록 권한을 주려 한다. mysql> GRANT ALL PRIVILEGES ON 테이블명.* TO '사용자명'@'%' IDENTIFIED BY '패스워드' WITH GRANT OPTION; mysql> GRANT ALL PRIVILEGES ON A.* TO 'joadmin'@'%' IDENTIFIED BY 'password' WITH GRANT OPTION; Error Code: 1221. Incorrect usage.. 2020. 7. 5. 이전 1 2 3 4 다음 반응형
