반응형 프로그래밍/Vue.js12 [Nuxt] 넉스트(Nuxt) 한번 사용해볼까? 기존 Vue를 사용하여 검색어를 노출 시켜 사용자를 유입해야 되는 웹일경우 서버 사이드 렌더링(SSR) 이라는 기술이 꼭 필요합니다. 하지만 Vue는 클라이언트 사이드 렌더링(CSR)로 되어 있기 때문에 웹 페이지 노출이 되지 않죠 그래서 SSR을 사용할 수 있는 nuxt라는 프레임 워크를 사용하기 시작했습니다. 이번에 이 nuxt를 사용해 볼 예정입니다. 아래는 nuxt를 사용한 강의 와 Nuxt와 Vue의 차이점을 잘 설명해준 포스트입니다. Nuxt 로 만든 웹사이트 NUXT로 혼자 웹사이트 만들기 1 소개 항상 고민하던 부분이 있습니다. fkkmemi.github.io Nuxt와 Vue의 차이점 Nuxt.js vs Vue.js - SSR 시작하기 Nuxt.js는 Vue를 바탕으로 서버사이드 렌더링 .. 2020. 5. 5. [Vue] esLint 설정 끄는 법 esLint는 javascript 오류를 최대한 줄이기 위해 사용자에게 오류가 날만한 사항을 미리 알려줍니다. 하지만 과도하게 오류를 최소화하기 위해 실행은 되지만 오류라고 알려주는 경우도 있죠 개발할 때 이런게 많이 불편할 경우 esLint 설정 끄는법은 아래와 같습니다. package.json과 같은 경로에 vue.config.js 파일을 만들어줍니다. 그후 아래와 같이 lintOnSave 옵션 값을 false 한다는 설정을 해줍니다. module.exports = { lintOnSave: false } lintOnSave 이외에 vue.config.js 를 커스텀하게 설정하려면 아래 주소를 확인하고 해당 변경 옵션값을 vue.config.js 파일에 넣어주면 됩니다. Configuration Ref.. 2020. 5. 2. [Nuxt] Nuxt설정에 대해 알아보자 Nuxt는 vue에서 서버사이드 렌더링을 쉽게 할 수 있도록 도와주는 프레임워크 입니다. Nuxt를 사용하기 위해서는 nuxt.config.js 설정 파일을 설정해줘야한다. 설정파일에는 많은 변수들이 있으며 그 변수들에 대해 알아보고자 한다. build 이 옵션은 로더, 파일이름, 웹팩 구성 및 변환과 같은 빌드 단계에 대한 다양한 설정을 구성할 수 있다. css css 파일, 모듈, 라이브러리를 전역으로 정의할 수 있다. dev 클라이언트와 서버 모두 사용 가능한 환경변수를 정의할 수 있다. generate nuxt에 의해 html 파일로 변환될 애플리케이션의 모든 동적 경로에 대한 매개 변수 값을 설정 할 수 있다. head 응용 프로그램의 모든 기본 메타 태그를 정의 할 수 있다. loading n.. 2020. 5. 2. [Vue.js] Vue를 배우기 위한 공식 문서 링크 Vue.js 공식 문서 Introduction — Vue.js Vue.js - The Progressive JavaScript Framework vuejs.org Vue.js 스타일 가이드 Style Guide — Vue.js Vue.js - The Progressive JavaScript Framework vuejs.org Vue.js 쿡북 Introduction — Vue.js Vue.js - The Progressive JavaScript Framework vuejs.org Vuex 공식 문서 What is Vuex? | Vuex What is Vuex? Vuex is a state management pattern + library for Vue.js applications. It serves a.. 2020. 4. 18. 이전 1 2 3 다음 반응형
