Vue.js – JavaScript & Blockchain Developer

JavaScript

Vue.js 다국어 처리하기

10월 17, 2017 댓글 없음

언어에 대한 방법 기준은 i18n을 채용한다는 조건을 정리해 본다. 사용 플러그인: https://github.com/kazupon/vue-i18n 사용방법 vue.script.js

import Vue from 'vue';
import VueI18n from 'vue-i18n';

const data = require('./message.json');

// 언어설정
Vue.use(VueI18n);
const i18n = new VueI18n({
  locale: 'ko', // 기본언어는 ko로 유지하지만 브라우저 언어를 체크해서 변경
  messages: data
});

// Vue
const app = new Vue({
  el: '#app',
  i18n: i18n,
  data: {},
  created() {},
  methods: {
    handleClick_changeLanguage(lang) {
      this.$i18n.locale = lang;
    }
  }
});

import Vue from 'vue';

import VueI18n from 'vue-i18n';

const data = require('./message.json');

// 언어설정

Vue.use(VueI18n);

const i18n = new VueI18n({

locale: 'ko', // 기본언어는 ko로 유지하지만 브라우저 언어를 체크해서 변경

messages: data

});

// Vue

const app = new Vue({

el: '#app',

i18n: i18n,

data: {},

created() {},

methods: {

handleClick_changeLanguage(lang) {

this.$i18n.locale = lang;

}

});

언어별 JSON파일 JSON형식으로 언어별 파일을 만들고 언어별 내용은 이것으로 관리한다. 기본적으로 1페이지에 대해 1개 JSON파일이 제일 […]

JavaScript

Vue.js와 jQuery에서 사용하는 Ajax 처리

댓글 없음

Vue.js에서 Ajax처리를 구현해서 유용하게 사용하여 남긴다. 이번에는 jQuery를 사용하고 있지만, axios등의 XHR플러그인을 변경해도 문제가 없다고 본다. 오히려 jQuery를 사용하지 않는 쪽이 동작 부분에서는 가볍다. 아래 내용은 독자가 Vue.js 공식사이트에서 제공하는 […]

JavaScript

Vue.js 관련 리소스 및 구성요소, 프레임웍을 정리한 컬렉션 – Awsome Vue.js

10월 16, 2017 댓글 없음

관련 링크: https://github.com/vuejs/awesome-vue Awesome Vue.js는 Vue.js관련 다양한 정보를 절리한 컬렉션이다. 리소스 및 라이브러리, 컴포넌트, 프레임웍, 도구, 유틸리티등이 정리되어 있다. 컬렉션 자체는 CC0라고 한다.

JavaScript

Vue.js 구성 요소 프레임웍 – Vuetify

10월 15, 2017 댓글 없음

관련 사이트: https://vuetifyjs.com/ Vuetify는 Vue.js 컴포넌트 프레임웍이다. 깔끔한 디자인으로 사용편의성을 중요시하는 것 같다. 스타일은 소재 디자인 패턴을 도입하였고 다양한 구성요소가 포함되어 있어 불편하지 않다. CDN은 unpkg.com에서 준비하고 있는 것 같다. 나중에 […]

Vue.js 다국어 처리하기

Vue.js와 jQuery에서 사용하는 Ajax 처리

Vue.js 관련 리소스 및 구성요소, 프레임웍을 정리한 컬렉션 – Awsome Vue.js

Vue.js 구성 요소 프레임웍 – Vuetify

카테고리

Recent Posts

Crucial MX500 1TB 3D NAND SATA 2.5 Inch $118.99

[공부하자! 블록체인] 4. UTXO – 실제계좌가 없는 돈의 표현

[공부하자! 블록체인]3. PoW(Proof of Work) – 암호학을 통한 부정방지

[공부하자! 블록체인]2. 타임스탬프서버에 대해 이해하기

[공부하자! 블록체인]1. 인터넷과 블록체인의 미래