자유로운 개발생활

화살표로 표시된 내용 東京五輪アジア最終予選 도쿄 올림픽 아시아 최종 예선 史上最強世代が挑む初戦 사상 최강 세대가 도전하는 첫 경기 사우디아라비아 선제골 "사상 최강 세대가 도전하는 첫 경기" 자막이 사라짐 일본 동점골 "사상 최강 세대" 자막 다시 부활 사우디 PK 득점 "사상 최강 세대" 자막 다시 사망 ㅋㅋㅋㅋ

이전에 서치콘솔을 적용 한 후 (이전글: vue로 개발한 페이지 검색엔진에 노출시키는 법) 이번에는 사이트 접속자 통계 및 페이지별 노출 빈도를 좀 더 자세히 확인하기 위해 구글 애널리틱스를 적용해 보았습니다. 도메인만 있으면 무료로 사용할 수 있고 실제 적용하고 보니 기능도 강력한 것 같습니다. 1. 사이트 등록 구글 애널리틱스(https://analytics.google.com)에 접속해서 애널리틱스용 계정을 만들고 사이트를 추가합니다. 첫번째로 간단하게 계정이름을 입력합니다. (아래에 계정 데이터 공유 설정은 권장사항대로 전체를 선택하였습니다.) 다음으로 측정 대상을 선택합니다. 웹 또는 앱, 웹/앱을 동시에 측정할 수 있는데, 저는 홈페이지 트래픽을 측정하려는게 목적이고, 웹/앱 전체는 베타버전이..

한줄요약: vue-router를 histroy 모드로 변경 후, Prereding으로 빌드하도록 vue.config.js 변경 이번에는 Prerendering으로 사이트를 빌드하여 검색엔진에 노출시키는 법에 대해 작성하겠습니다. 기타 방법은 이전글(vue로 개발한 페이지 검색엔진에 노출시크는 방법)을 참고해 주세요. Prerendering 은? 프리렌더링은 웹사이트를 빌드할때 지정한 특정 페이지를 미리 렌더링해서 저장하는 기술입니다. 구현이 쉽고 빌드 타임에 모든 처리가 끝나므로 런타임에 추가로 부담이 들지 않습니다만, 빌드 타임은 당연스럽게 늘어나게 됩니다. 단, vue-router 이 hash 모드(xxx.com/#/home 과 같이 #이 router에 붙는 방식)가 아니라 history (xxx.c..