next-js
-
로그인 검사를 빠뜨린 페이지가 열렸다: 미들웨어와 프록시 이해하기
로그인하지 않은 사용자가 /dashboard에 접근하면 로그인 페이지로 보내야 한다. 페이지마다 검사 코드를 넣으면 처음에는 간단하다. 하지만 페이지가 스무 개로 늘어나면 같은 코드를 매번 붙여야 하고, 한 번 빠뜨린 페이지는 로그인 없이 열린다. 이 검사를 한곳에서 처리하는 방법을 찾다 보면 미들웨어와…
-
번들을 청크로 나누면 무엇이 달라질까
Next.js 프로젝트를 빌드하면 .next/static/chunks/ 안에 여러 파일이 생긴다. 파일 이름에는 main-a3f9b2.js처럼 해시가 붙어 있다. 작성한 코드를 하나로 합치는 줄 알았는데, 왜 여러 조각으로 나뉘어 나올까? 각 조각을 청크(chunk)라고 한다. 빌드 도구가 청크를 나누는 기준과 캐시·로딩에 미치는 영향을 살펴본다. 직접 코드를…
