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