27. type 입력 리팩토링

• 외부 prop을 받는 경우 그에 대한 type을 지정해야 하는데,
  그동안은 아래와 같이 지정하던 것을 그 다음 방식으로 변경했다.
• 코드 길이가 줄었고, 덜 헷갈리게 되었다.

//Layouts.tsx
interface LayoutProps {
  children?: React.ReactNode;
  item?: any;
}

export const ContentsLayout: React.FC<LayoutProps> = ({ item }) => {
  return (
    <>
      ...
      <h1>{item.name}</h1>
      ...
    </>
  );
};

//Layouts.tsx
interface LayoutProps {
  children?: React.ReactNode;
  item?: any;
}

export const ContentsLayout = ({ item }: LayoutProps) => {
  return (
    <>
      ...
      <h1>{item.name}</h1>
      ...
    </>
  );
};

🟥 Parameter 'X' implicitly has an 'any' type in TypeScript.

//MenuBar.tsx
{itemList.map((el, idx)=>(
<div>메뉴</div>))}

=> 
{itemList.map((el:any, idx:any)=>(
<div>메뉴</div>))}