새로운 Next.js 아키텍쳐에서 Redux 사용
Introduction 리액트 (React) 라이브러리하고 리덕스 (Redux)만 사용했던 기존의 어떤 프로젝트를 Next.js와 Redux-Saga를 사용하여 새롭게 리뉴얼을 하고 있다. 기존 프로젝트때 했던 대로 리덕스 세팅을 하니 여러가지 에러가 발생했고, 그 에러들을 조사하...
Introduction 리액트 (React) 라이브러리하고 리덕스 (Redux)만 사용했던 기존의 어떤 프로젝트를 Next.js와 Redux-Saga를 사용하여 새롭게 리뉴얼을 하고 있다. 기존 프로젝트때 했던 대로 리덕스 세팅을 하니 여러가지 에러가 발생했고, 그 에러들을 조사하...
Server-Side-Rendering (서버 사이드 렌더링) 렌더링은 간단하게 데이터와 UI 컴포넌트를 결합하여 사용자에게 시각적으로 표시하는 과정 이렇게 정의될 수 있다. 이 과정은 다음과 같이 두 가지 주요 형태로 나눌 수 있다.
Code Review
Client Component (클라이언트 컴포넌트) Next.js 버전 13 부터 모든 컴포넌트는 기본적으로 서버 컴포넌트로 간주되게 되었다. 따라서 클라이언트와 상호작용이 필요한 컴포넌트, 예를 들어 로그인 폼 컴포넌트나 회원가입 폼 컴포넌트 같은 컴포넌트들은 컴포넌트 파일 최...
Unit Test