(1) Nuxt.js 소개

📌Nuxt란?

nuxt.js는 SSR프레임워크으로  Vue.js로 빠르게 웹을 제작할 수 있게 도와주는 프레임워크입니다. 웹 애플리케이션을 제작할 때 필요한 Vuex, router, Axios와 같은 라이브러리들을 미리 구성하여 SPA(Single Page Application), SSR(Server Side Rendering),정적 웹 사이트(Static Cenerated Website)를 쉽게 제작할 수 있습니다. 

 

SPA : "서버"에서 브라우저로 빈 HTML을 던진다. 이벤트를 잡아서 화면을 바꿔준다 서버로 가지않고 이벤트로 화면을 바꿔준다.

SSR : 페이지를 뒤쪽에서 서버에서 url로 요청을 했을때 페이지를 다 그려서 원본파일 그대로 보내준다.

📌Nuxt의 장점

nuxt로 개발했을 때의 장점은 다음과 같습니다.

• 검색 엔진 최적화
• 페이지 로딩 속도와 사용자 경험 향상
  • 브라우저가 하는 일을 서버에 나눠준다.
  • 모르면 지나칠 수 있는 코드 스플리팅이 기본으로 설정되어 있다. 
• 초기 프로젝트 설정 비용 감소와 생산성 향상
  • ESLint, Prettier
  • 라우터,스토어 등의 라이브러리 설치 및 설정 파일 필요 X
  • 파일 기반의 라우팅 방식. 설정 파일 자동 생성

 

📌Nuxt의 특징

nuxt의 특징을 요약해보면 크게 아래와 같이 구분된다.

• SSR
• 규격화된 폴더 구조(layout,store,middleware,plugins 등)
• pages 폴더 기반의 자동 라우팅 설정
• 코드 스플리팅 
• 비동기 데이터 요청 속성
• ES6/ES6+ 변환
• 웹팩을 비롯한 기타 설정