sohyeon kim

💡 Next.js 공식문서 정리 - 라우팅 Routing1. 시작하기Next.js란?풀스택 웹 애플리케이션을 구축하기 위한 React 프레임워크사용자 인터페이스를 만들기 위해 React 컴포넌트를 사용하고, 추가 기능 & 최적화를 위해 Next.js 를 사용한다.내부적으로 Next.js 는 번들링, 컴파일링 등 React 에 필요한 도구를 추상화하고 자동으로 구성한다.➡️ 이를 통해 설정에 시간들이지 않고 애플리케이션 구축에 집중할 수 있다.Next.js 의 주요 기능라우팅 : 레이아웃, 중첩 라우팅, 로딩 상태, 오류 처리 등을 지원하는 서버 컴포넌트 기반의 파일 시스템 라우터렌더링 : 클라이언트 및 서버 컴포넌트를 사용한 렌더링, 정적 및 동적 렌더링으로 서버에서 추가 최적화, Edge 및 Node..

💡 미들웨어에 대해 알아보자. 미들웨어가 없을 때 ➡️ 액션 - 리듀서 - 스토어 리덕스에서 dispatch 를 하면 action 이 리듀서로 전달되고, 리듀서는 새로운 state 를 반환한다. 여기서 미들웨어를 사용하면 이 과정 사이에 우리가 하고 싶은 작업들을 넣을 수 있다. 만약 카운터 프로그램에서 버튼을 클릭했을 바로 1 을 더하지 않고, 3초를 기다렸다가 1이 더해지게 구현하려면 미들웨어를 빼놓을 수 없다. dispatch 가 되자마자 바로 action 이 리듀서로 달려가 새로운 state 를 반환하기 때문 즉, 여기서 "3초를 기다리는 작업" 을 미들웨어가 해주는 것이다. 보통 리덕스 미들웨어는 서버와의 통신을 위해 사용한다! 그 중 많이 사용되는 것이 Redux-thunk, saga 💡 Th..