Nayha

{{ this.titleChk }} data() { return { title:'', } }, watch: { title(){ // title input 이 비어있거나 혹은 공백일때 처리 var blank_pattern = /^\s+|\s+$/g; if( _.isEmpty(this.title) || this.title.replace( blank_pattern, '' ) == "" ){ this.titleChk= false }else{ this.titleChk= true } } },

methods: { btcTrkAPICall: function () { axios .get('https://www.api1.com/api/ticker') .then(response => (this.btctrk = response.data)) .catch(error => console.log(error)) }, bnncAPICall: function () { axios .get('https://api.api2.com/api/v3/ticker/bookTicker') .then(response => (this.bnnc = response.data)) .catch(error => console.log(error)) }, intervalFetchData: function () { setInterval(() => ..

3depth 구현 {{ item.name }} {{ childItem.name }} {{ childItem.name }}

export default { data() { return{ timeCounter : 180, //3분 resTimeData : '' } } create(){ //3분 유효 타이머 시작 this.start() } methods: { start(){ // 1초에 한번씩 start 호출 this.polling = setInterval( () =>{ timeCounter-- //1찍 감소 resTimeData = this.preTime() if (this.timeCounter = width ? n : new Array(width - n.length + 1).join('0') + n }, timeStop() { clearInterval(this.polling) }, // 재발행 smsReset() { clear..

VUE el-table colspan , rowspan 뷰에서 그리드 대신 el-table 사용한다 가로,새로 합치는 방법 합쳐라메서드({ row, column, rowIndex, columnIndex }) { // 첫번째 인덱스 && 특정값일때 가로 3줄 colspan if( columnIndex === 0 && row.id ==='test' ){ return [1,3] }else if( columnIndex === 1 && row.id ==='test'){ // 합쳐져서 데이터 columnIndex 밀려서 정확한 데이터 출력 위해 return [0,0] }else if( columnIndex === 2 && row.id ==='test'){ // 합쳐져서 데이터 columnIndex 밀려서 정확한 데..

axios.js 생성 import axios from "axios" axios.defaults.baseURL = "https://reqres.in" axios.defaults.headers.common["Authorization"] = "testcode" axios.defaults.headers.post["Content-Type"] = "application/json; charset=utf-8" main.js 에 axios import import axios from "./axios" new Vue({ axios, render: h => h(App) }).$mount("#app") 각 vue 에서 import axios from "axios" export default { data() { return {..

VUEX 설치 npm install vuex --save store.js 파일 생성 import Vue from "vue" import Vuex from "vuex" Vue.use(Vuex) export default new Vuex.Store({ state: { testInfo: { id: 1, name: "공통사용", email: "test@test.com" }, }, //state 값을 변화 mutations: { }, //비지니스 로직 actions: { } }) main.js 에서 전역 사용 설정 import store from './store' new Vue({ el: '#app', render: h => h(App), router, store }) 사용할 VUE 생성 Test.vue 전역변수..

rtnArraydata[0]['name'] 배열데이터 rtnArraydata[ index 번호 ] name 값을 가져와라..이게 생각이 안나서 폭풍 검색 했는데 안나옴.. 이걸 키워드를 어떤걸 걸어야하나.. 다들 삽질 하지 마세요 ~javascript array , return array ,삽질 방지 구현 하려던 기능은- 페이지 로딩하고 셀렉트 박스 동적 셋팅- 동적 세팅된 값 중 첫번째 값 자동 선택 vue 코드 export default { data () { return { roadData: { selectlist: [], selected: null } } }, mounted () { this.onInit() }, methods: { onInit () { this.doSearchInit() }, do..

처음에는 구글 라이브러리를 쓸려다 혹시 VUE 라이브러리도 있을까? 하고 찾아봤더니 있었음 !!!! ㅎㅎㅎ vue 컴퍼넌트 설치 방법 공유 우선 PC에 - nodeJs 설치 필요 그래야 npm 사용 가능 !!! 설치 후 VS_CODE 나 CMD 로 cmd 에서 node -v 버전 나오면 설치 된거임 Webpack 설치(vue 통합 프레임웍 이라고 생각)https://github.com/vuejs-templates/webpack-simple $ npm install -g vue-cli$ vue init webpack-simple my-project$ cd my-project$ npm install$ npm run dev 프로젝트 뜨는것 확인 후 !!! ( 자동으로 브라우저가 뜬다) 해당 설정은 webpac..

세상 참 편하네..2시간만에 간단한 메모장 링크https://memowebapp-1b994.firebaseapp.com/ 설정 몇번으로 백엔드 구축 완료( webserver,db,domain 까지..)모든 비용은 구글에서 제공한다 간단한 개발은 호스팅 비용까지 필요없는듯이메일 인증 / SMS 인증 회원가입 등등 지원이 빵빵함 메서드 호출로 데이터베이스에 데이터가 삽입되었는지 / 수정되었는지 실시간 으로 알 수있음 그러나 구글이 서비스 접으면 난감해질듯 최대 단점.. 인프런 firebase 강좌 https://www.inflearn.com/course/%ED%8C%8C%EC%9D%B4%EC%96%B4%EB%B2%A0%EC%9D%B4%EC%8A%A4-%EA%B0%95%EC%A2%8C-%EC%9B%B9-%EC..