Next.js8분
Next.js 16 Proxy(구 Middleware)와 인증
Next.js 16 으로 올리면 middleware.ts 에 경고가 붙습니다. 파일 규칙 이름이 proxy 로 바뀌었다는 안내입니다. Proxy 문서의 첫 문장은 기능이 그대로라고 적습니다.
DUOLABS BLOG
전체 글537
- Next.js10분
Next.js ISR과 generateStaticParams
로딩 화면 파일 하나의 위치를 옮겨 push 했는데 Vercel 빌드가 실패했습니다. 페이지의 동작을 바꾸는 코드는 건드리지 않은 커밋이었습니다. 빌드 로그의 오류 줄은 이랬습니다.
- Next.js9분
Next.js 레이아웃과 라우트 그룹: loading.tsx 적용 범위
Next.js 앱 라우터에서 한 폴더에는 이런 파일들이 함께 놓입니다.
- Next.js8분
Next.js 16 revalidateTag와 브라우저 캐시: 사이드바 숫자가 어긋난 문제
한 번에 글을 일곱 편 발행한 날, 블로그 왼쪽의 카테고리 메뉴가 이상하게 보였습니다. 카테고리를 오가며 스크린샷 두 장을 찍었습니다. 첫 장은 전체 글 수가 377, 「데이터베이스 설계」가 14편이었고, 몇 초 뒤에 다른 카테고리를 눌러 찍은 둘째 장은 전체 370, 「데이터베이스 설계」 7편이었습니다. 메뉴가 글 수…
- React8분
React useMemo와 useCallback은 언제 써야 할까?
리뷰에서 이런 코드를 자주 만납니다.
- React7분
React Error Boundary와 try/catch의 차이
대시보드에 위젯이 여섯 개 있습니다. 그중 매출 차트 위젯이 서버에서 예상과 다른 모양의 데이터를 받아 렌더링 중에 오류를 냅니다.
- React9분
React useActionState와 useOptimistic으로 폼 다루기
견적 요청 폼을 보내는 코드입니다.
- React8분
React 커스텀 훅은 state를 공유할까?
장바구니 아이콘과 장바구니 페이지가 모두 담긴 상품 수를 보여 줘야 해서, 로직을 커스텀 훅으로 뺐다고 해 보겠습니다.
- React9분
React Context와 리렌더링
로그인한 사용자 정보와 장바구니를 앱 어디서나 쓰려고 컨텍스트 하나를 만들었다고 해 보겠습니다.
- React9분
React state 구조 설계 원칙
견적함 화면에 품목 목록과 합계가 있습니다.