리액트 기반의 프레임워크. 리액트 개발자에게 생산성과 편의성을 증대시켜 주며 이는 곧 React의 단점(SPA의 단점)을 커버해 준다는 것을 의미합니다.
Next.js 프로젝트 생성 및 수동으로 적용하는 방법에 대해서 알아봅니다.
사실 워낙 유명한 내용이라 그냥 넘어가려 했는데 지식을 기록하는 것에 의미를 두고 포스팅을 남깁니다.누군가 그러더군요. 모든 실력에는 반드시 증거를 가지고 있어야 한다고 :)eslint는 JS를 사용하면서 생기는 에러들을 미리 알려주는 정적 분석 툴입니다. eslint
Next에서 정적 페이지와 동적 페이지를 라우팅 하는 방법에 대해서 알아봅니다.
public 디렉토리에 정적 파일을 저장하고 경로를 통해 불러올 수 있습니다.
넥스트에서 제공하는 두 가지 형태의 사전 렌더링에 대해서 알아봅니다.
next에서 지원하는 styled-jsx와 date 라이브러리인 date-fns를 활용하여 컴포넌트를 스타일링 합니다.
공통 페이지 역할을 담당하는 _app 파일에 대해서 알아봅시다.
document를 이용하여 html 메타 정보를 제공하는 방법을 알아봅니다.
넥스트에서 제공하는 커스텀 에러 페이지를 만들수 있는 기능을 통해 에러 페이지를 만들어 봅니다.
넥스트에서 타입스크립트를 사용하기 위한 기본 환경설정 방법에 대해서 알아봅시다.
스타일드 컴포넌트는 대표적인 CSS-inJS 라이브러리로 앞에서 사용한 styled-jsx와 비슷하지만 가장 대중적으로 사용되면서 많은 기능들을 담고 있습니다.넥스트에서는 기본적으로 styled-jsx를 지원해주기 때문에 따로 설정이 필요 없었지만, 스타일드 컴포넌트를
Next 개발환경에서 Todolist를 만들며 앞서 배운 내용을 적용해 봅니다.
next는 express 기반으로 만들어져 있어 api를 만들고 사용할 수 있습니다. 투두리스트의 기능들을 만들면서 이를 활용해 보도록 하겠습니다.
next 개발환경에서 redux 개발환경을 갖추는 방법에 대해서 알아봅니다.