nextjs,tailwindcss,vercel

Params,Props 란?

주영 🐱 2024. 12. 14. 18:28
728x90
반응형

Params와 Props는 우리 프로그램에게 "어떤 정보를 받을 거야?"를 알려주는 라벨 같은 거예요.
Params(매개변수):

웹 주소에서 넘어오는 정보를 담아요
여기서는 tag라는 이름의 문자열을 받아요
예를 들어 /cute 페이지면, tag는 "cute"가 되는 거죠

type Params = {
  tag: string;  // 이 페이지의 태그
};

Props(속성):

컴포넌트(페이지)에게 전달되는 모든 정보를 설명해요
여기서는 Params를 Promise(약속)로 감싸서 보내요
Promise는 "나중에 값을 줄게!"라고 약속하는 거예요

type Props = {
  params: Promise<Params>;  // Params를 나중에 줄게!
};
정리하면, 이 코드는 "나중에 태그 정보를 줄게!"라고 Next.js에 알려주는 거예요. 마치 "선물을 나중에 줄게!"라고 약속하는 것처럼요! 🎁

반응형