언어에 대한 방법 기준은 i18n을 채용한다는 조건을 정리해 본다. 사용 플러그인: https://github.com/kazupon/vue-i18n 사용방법 vue.script.js [crayon-5adee83a13144365524336/] 언어별 JSON파일 JSON형식으로 언어별 파일을 만들고 언어별 내용은 이것으로 관리한다. 기본적으로 1페이지에 대해 1개 JSON파일이 제일 관리하기 편했다. [crayon-5adee83a1314e590237861/] 또한, ko.json, en.json처럼 언어별로 나눌 수 있다. app.component.html [crayon-5adee83a1315f705542372/] 참고로 vue-i18n for Server-Side Rendering도 같이 사용하면 좋을 것 같다.
태그: JS
Vue.js에서 Ajax처리를 구현해서 유용하게 사용하여 남긴다. 이번에는 jQuery를 사용하고 있지만, axios등의 XHR플러그인을 변경해도 문제가 없다고 본다. 오히려 jQuery를 사용하지 않는 쪽이 동작 부분에서는 가볍다. 아래 내용은 독자가 Vue.js 공식사이트에서 제공하는 …
관련 링크: https://github.com/pupunzi/jquery.mb.vimeo_player jQuery.mb.vimeo_player는 Vimeo영상을 배경을 설정하기 위한 스크립트이다. jQuery기반으로 실행되며 배경으로 사용하거나 영상 제어를 주목적으로 하는 것 같다. 재생, 볼륨조절, 시작시간조절, 음소거등을 설정할 수 있고 라이선스는 MIT, GPL로 되어 있다.
사이트 성능 비교를 실시했지만, 이 대상은 단일 페이지의 중간정도의 큰 사이즈를 가진 React사이트이다. 서버에 수천개의 속성을 가진 JSON개체가 필요하며, 2113개의 DOM노드를 사용한 HTML을 리턴한다. 서버 렌더링 시간 가장 중요한 측정 …
지금 SEO를 고려한다면 JavaScript를 정확하게 이해하고 있는지가 중요하다. 또한 JavaScript가 검색 성능에 마치는 잠재적인 영향을 이해하는 것도 중요하다. 검색엔진이 사이트를 크롤링할 수 없거나, 사이트 내용을 분석하고 파악하지 못하면 페이지가 제대로 …
AR이나 VR기반 게임을 만든다면, Unity나 Epic Games의 도구를 사용한다. 하지만, 게임 이외의 환경에서는 좀 적용하기 힘들다. 이런 가운데 Viro Media는 웹과 모바일 개발자가 게임 이외의 AR이나 VR 앱을 쉽게 만들 …