soyeooooo 님의 블로그

왜 slug 폴더에 따로 만들어야 할까?동적 라우트(예: [slug])는 특정 경로에 맞는 404 페이지가 필요합니다./app/not-found는 전체 앱의 기본 404를 처리하지만, [slug] 안에서 발생하는 404는 해당 폴더에 not-found.tsx를 만들어야 제대로 동작합니다.왜 전체 not-found를 못 읽을까?Next.js는 가장 가까운 경로의 not-found를 우선적으로 찾기 때문입니다.[slug] 경로에서 발생한 문제는 /app/not-found가 아니라 [slug]/not-found.tsx를 기대합니다.쉽게 말해, 동적 라우트 안에서 404 처리를 하려면 그 폴더 안에 not-found.tsx를 만들어야 합니다.

🌟 flex container 안의 두 요소 가운데 정렬하기방법1) container에 margin: 0 auto방법2) container에 justify-content: center방법3) 왼쪽 ,오른쪽 -> 각 flex 요소에 flex-grow: 1Onclick - > 서버컴포넌트에 있으면 에러발생 client 로 변경해줘야함 기본 페이지 설정export default function Home() { return ( 게시글 )}  다크모드 설정홈탭 만들면서 Context API 적용해보기 -> 강의참조 (따로 설정해줘야함)     backdrop-filter: blur(12px);     /* 블러처리 실루엣보이게 하는거*/  서로 탭의 상태를 공유하는 방법 3개  Con..

router.push 와 router.replace의 차이✔️ router.push 브라우저 기록 스택에 리다이렉트 되는 URL이 추가된다. 즉 리다이렉트 후, 뒤로가기를 했을 때 리다이렉트 되기 전 주소로 이동된다. ✔️ router.replace 브라우저 기록 스택의 현재 URL을 대체한다. 즉 리다이렉트 후, 뒤로가기를 했을 때 진입한 경로보다 한 단계 이전 주소로 이동된다. ex) localhost:3000 → localhost:3000/login → (리다이렉트) → localhost:3000/i/flow/login 경로를 진입했을 때 최종 경로에서 뒤로가기를 했을 경우 router.push 는 i/flow/login에서 뒤로가기 할 경우 /login으로 이동된다. router.replace 는..