긍정적 사고, 음식의 절제, 규칙적인 운동

기능 

• 간단한 클라이언트 사이드 라우팅
• Hot Module Replacement를 지원하는 Webpack 기반 작업환경
• Express 나 그 어떤 Node.js 서버와 함께 사용 가능
• Babel / Webpack 환경설정 커스터마이징 가능 

https://nextjs.org/

https://velopert.com/3293

Why Next.js

The world’s leading companies use and love Next.js

Zero Config

Automatic compilation and bundling. Optimized for production from the start.

Documentation →

Hybrid: SSG and SSR

Pre-render pages at build time (SSG) or request time (SSR) in a single project.

Documentation →

Incremental Static Generation

Add and update statically pre-rendered pages incrementally after build time.

Documentation →

TypeScript Support

Automatic TypeScript configuration and compilation.

Documentation →

Fast Refresh

Fast, reliable live-editing experience, as proven at Facebook scale.

Documentation →

File-system Routing

Every component in the pages directory becomes a route.

Documentation →

API Routes

Optionally create API endpoints to provide backend functionality.

Documentation →

Built-in CSS Support

Create component-level styles with CSS modules. Built-in Sass support.

Documentation →

Code-splitting and Bundling

Optimized bundle splitting algorithm created by the Google Chrome team.

Documentation →

React와 Vue의 특징을 정리한 블로그 글입니다. 각 프레임워크가 갖고 있는 특징 및 장단점을 객관적인 자료를 사용하여 자세히 설명하고 있습니다. 주요 특징은 다음과 같습니다.

- Templates 형식으로 앱 제작을 원한다면 Vue

- 간단한 것과 “일단 동작” 되는 걸 좋아하면 Vue

- 빠르고 경량의 앱을 제작하고 싶다면 Vue

- 큰 규모의 앱을 만드신다면 React

- 더 큰 개발 생태계를 원한다면 React

https://joshua1988.github.io/web_dev/vue-or-react/

Vue 의 장점은

• Template 과 Render Function 을 모두 사용할 수 있는 옵션
• 간편한 Syntax 와 프로젝트 설정
• 빠른 렌더링과 더 작은 용량

React 의 장점은

• 큰 규모에서 더 빛을 발하고, 테스팅이 수월
• Web 과 Native 앱 개발에 모두 사용 가능
• 더 큰 개발자 생태계에서 오는 많은 레퍼런스와 도구들

하지만, React 와 Vue 이 다른 점보다는 유사점을 더 많이 갖고 있는 기상천외한 UI 라이브러리입니다. 이 두 라이브러리의 공통된 특장점은

• Virtual DOM 으로 빠른 렌더링
• 경량 라이브러리
• Reactive Component
• Server Side Rendering
• 라우터, 번들러, state management 와 결합이 쉬움
• 훌륭한 개발자 커뮤니티와 지원

...