'rafce'를 입력하면 자동으로 기본형식이 쓰여지는 것처럼,
Next.js에서 여러 스니펫을 입력하면 각 파일별로 원하는 형식을 쓸 수 있다.
1) narootlayout
export default function RootLayout({
children,
}: {
children: React.ReactNode;
}) {
return (
<html lang="en">
<body>
<main>{children}</main>
</body>
</html>
);
}2) nalayout
export default function Layout({ children }: { children: React.ReactNode }) {
return <section>{children}</section>;
}3) napage
export default function Page() {
return <div></div>;
}4) naloading
export default function Loading() {
return <div>Loading...</div>;
}5) naerror
"use client";
import { useEffect } from "react";
export default function Error({
error,
reset,
}: {
error: Error & { digest?: string };
reset: () => void;
}) {
useEffect(() => {
console.error(error);
}, [error]);
return (
<div>
<h2>Something went wrong!</h2>
<button onClick={reset}>Try again</button>
</div>
);
}등의 여러 형식 스니펫이 있다.
24.07.15 프론트엔드 개발 첫 걸음
꿀이다!!!!!!!!!