언어에 대한 방법 기준은 i18n을 채용한다는 조건을 정리해 본다. 사용 플러그인: https://github.com/kazupon/vue-i18n 사용방법 vue.script.js [crayon-5b290e21a99fe385971066/] 언어별 JSON파일 JSON형식으로 언어별 파일을 만들고 언어별 내용은 이것으로 관리한다. 기본적으로 1페이지에 대해 1개 JSON파일이 제일 관리하기 편했다. [crayon-5b290e21a9a06084148657/] 또한, ko.json, en.json처럼 언어별로 나눌 수 있다. app.component.html [crayon-5b290e21a9a09878875678/] 참고로 vue-i18n for Server-Side Rendering도 같이 사용하면 좋을 것 같다.
태그: Vue.js
Vue.js에서 Ajax처리를 구현해서 유용하게 사용하여 남긴다. 이번에는 jQuery를 사용하고 있지만, axios등의 XHR플러그인을 변경해도 문제가 없다고 본다. 오히려 jQuery를 사용하지 않는 쪽이 동작 부분에서는 가볍다. 아래 내용은 독자가 Vue.js 공식사이트에서 제공하는 …
관련 링크: https://github.com/vuejs/awesome-vue Awesome Vue.js는 Vue.js관련 다양한 정보를 절리한 컬렉션이다. 리소스 및 라이브러리, 컴포넌트, 프레임웍, 도구, 유틸리티등이 정리되어 있다. 컬렉션 자체는 CC0라고 한다.
관련 사이트: https://vuetifyjs.com/ Vuetify는 Vue.js 컴포넌트 프레임웍이다. 깔끔한 디자인으로 사용편의성을 중요시하는 것 같다. 스타일은 소재 디자인 패턴을 도입하였고 다양한 구성요소가 포함되어 있어 불편하지 않다. CDN은 unpkg.com에서 준비하고 있는 것 같다. 나중에 …