[webpack.cache.PackFileCacheStrategy/webpack.FileSystemInfo] Managed item /home/web-server/lany/node_modules/@next/swc-win32-x64-msvc isn't a directory or doesn't contain a package.json (see snapshot.managedPaths option) . . . SWC Failed to Load | Next.js (nextjs.org) SWC Failed to Load Using App Router Features available in /app nextjs.org 문제 원인 해당 문제는 위의 웹사이트의 내용과 같습니다. 'nextjs의 컴파일러가 바뀜(SWC)에..

스코드 초대를 중계하는 사이트를 만들기 위해 NextJS를 이용하여 웹 개발을 시작했습니다. 하지만 얼마 못가서 app 디렉토리와 pages 디렉토리를 중심으로 문제 생겼고 진짜 개고생을 했는데요! 그 사이에서 깨달은 정보와 해결방법에 대해 포스팅을 시작해보겠습니다! app 라우터와 pages 라우터의 의미와 장단점 (장단점에 대해 먼저 알고싶으면 챕터 3을 먼저 보세요! ) 1. app router 란 무엇일까? 파일시스템 기반 라우터이며 v13버전부터 추가된 라우팅 방식입니다. 경로는 아래와 같이 폴더를 경로로 이용하며 해당 경로의 내용은 page.tsx에 작성합니다. app └── path name (경로 이름) └── page.tsx 그리고 React의 최신기능과 중첩, 그룹 ,평행 경로를 지원합..