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

Vimeo영상을 배경으로 설정하는 스크립트 – jQuery.mb.vimeoPlayer

10월 16, 2017 댓글 없음

관련 링크: https://github.com/pupunzi/jquery.mb.vimeo_player jQuery.mb.vimeo_player는 Vimeo영상을 배경을 설정하기 위한 스크립트이다. jQuery기반으로 실행되며 배경으로 사용하거나 영상 제어를 주목적으로 하는 것 같다. 재생, 볼륨조절, 시작시간조절, 음소거등을 설정할 수 있고 라이선스는 MIT, GPL로 되어 있다.

JavaScript

Node6에서 Node8로 업데이트시, 실제 성능 비교

댓글 없음

사이트 성능 비교를 실시했지만, 이 대상은 단일 페이지의 중간정도의 큰 사이즈를 가진 React사이트이다. 서버에 수천개의 속성을 가진 JSON개체가 필요하며, 2113개의 DOM노드를 사용한 HTML을 리턴한다. 서버 렌더링 시간 가장 중요한 측정 […]

JavaScript

SEO 처리를 위해 알아야할 JavaScript의 기본

10월 12, 2017 댓글 없음

지금 SEO를 고려한다면 JavaScript를 정확하게 이해하고 있는지가 중요하다. 또한 JavaScript가 검색 성능에 마치는 잠재적인 영향을 이해하는 것도 중요하다. 검색엔진이 사이트를 크롤링할 수 없거나, 사이트 내용을 분석하고 파악하지 못하면 페이지가 제대로 […]

Web