코드캠프 31일차

/* eslint-disable no-unused-vars */
// 1. 문자
const getString = (arg: string): string => {
  return arg;
};

const result1 = getString("바부");

// 2.숫자
const getNumber = (arg: number): number => {
  return arg;
};

const result2 = getNumber(2);

// 3.모두(any)
const getAny = (arg: any): any => {
  return arg;
};

const result31 = getAny(8);
const result32 = getAny("안녕하세요");
const result33 = getAny(true);

// 모두(generic)
const getGeneric = <MyType>(arg: MyType): MyType => {
  return arg;
};

const result41 = getGeneric(8);
const result42 = getGeneric("안녕하세요");
const result43 = getGeneric(true);

// 5. 모두(any) - 응용
const getReverse = (arg1: any, arg2: any, arg3: any): any[] => {
  return [arg3, arg2, arg1];
};

const result51 = getReverse("철수", "다람쥐초등학교", 8);
const result52 = getReverse(13, "영희", "토끼초등학교");
const result53 = getReverse(100, 200, "토끼초등학교");

// 6. 모두(generic) - 응용
// prettier-ignore
const getReverseType = <MyType1, MyType2, MyType3>(arg1: MyType1, arg2: MyType2, arg3: MyType3): [MyType3, MyType2, MyType1] => {
    return [arg3, arg2, arg1];
  };

const result61 = getReverseType("철수", "다람쥐초등학교", 8);
const result62 = getReverseType(13, "영희", "토끼초등학교");
const result63 = getReverseType(100, 200, "토끼초등학교");

// 7. 모두(generic) - 축약
// prettier-ignore
const getReverseT = <T1, T2, T3>(arg1: T1, arg2: T2, arg3: T3): [T3, T2, T1] => {
    return [arg3, arg2, arg1];
  };

const result71 = getReverseT("철수", "다람쥐초등학교", 8);
const result72 = getReverseT(13, "영희", "토끼초등학교");
const result73 = getReverseT(100, 200, "토끼초등학교");

// 8. 모두(generic) - 축약
// prettier-ignore
const getReverseTUV= <T, U, V>(arg1: T, arg2: U, arg3: V): [V, U, T] => {
    return [arg3, arg2, arg1];
  };

const result81 = getReverseTUV("철수", "다람쥐초등학교", 8);
const result82 = getReverseTUV(13, "영희", "토끼초등학교");
const result83 = getReverseTUV(100, 200, "토끼초등학교");

import { useRouter } from "next/router";
import { ComponentType, useEffect } from "react";

export const withAuth =
  <P extends {}>(Component: ComponentType<P>) =>
  (props: P) => {
    const router = useRouter();
    // const { accessToken } = useContext(GlobalContext);

    useEffect(() => {
      if (!localStorage.getItem("accessToken")) {
        alert("로그인이 필요합니다.");
        router.push("/23-04-login");
      }
    });

    return <Component {...props} />;
  };