본문 바로가기

jeonst2

Vue.js SEO를 위한 pre-rendering (pre-render-spa-plugins) 이리저리 여러가지들을 참고하여 내가 했던 방식을 서술합니다. 현재 새로운 프로젝트를 시작했다. 해당 프로젝트는 Vue cli 를 통해서 만드는데 작은 프로젝트지만 확장될 가능성이 있으며 무엇보다 사용자에게 검색이 잘 되어야한다는 조건이 있다. (게시판 두개와 해당 게시판을 운영할 백오피스 정도의 규모) 내가 해당 프로젝트를 하면서 프로젝트에 녹이고 싶은 두가지가 있는데 그것은 다음과 같다. WAI ARIA를 사용할 것 SEO(검색 엔진 최적화)를 신경 쓸 것 그 중 두번째 이슈에 대한 포스팅이다. Vue router를 쓴다는 전제하에 이 포스팅은 작성되었다. 많이들 알겠지만 Vue.js에서 SEO를 위해 크게 세가지 방식으로 쓰이는 것 같다. SSR (Server Side Rendering) Pre-re.. 2021. 6. 29.
Vue.js 환경 만들기 환경 설정에 대한 정리 포스팅입니다. node.js 다운로드 및 설치 vscode 에 터미널로 프로젝트를 할 폴더에 npm install (vscode에 Veter 설치) 터미널 vue install -g @vue/cli​ // vue-cli 설치 vue create 프로젝트명 // 프로젝트 생성 * create 명령어 썼다가 오류 발생 찾아보니 vscode가 기본으로 설정되는 터미널이 파워쉘을 쓴다고 해서 문제가 된 듯하다. 기본 터미널을 cmd로 바꿔줘야한다고 한다. vscode 에서 ctrl+shift+p 로 shell default 를 cmd로 변경해도 같은 오류가 나서 결국 cmd 창을 켜서 했더니 프로젝트 만들어진다. 개짜증 * npm을 통해 다운로드한 모듈을 다음에도 패키지로 다운로드 할 수.. 2021. 6. 29.