So after finding out that this way of working is not recommended and that JIT doesn't support it


테일윈드 써보면 알겠지만 놀랍게도 아래의 코드가 적용 안 됨


<div className={`bg-${color}-200`}>


그래서 수작업으로 함수 만드는 중 ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ


npm 관련 디펜던시 없냐고? 내가 원하는 이런 형태는 없음 ㅋㅋㅋㅋ


      case "gray50":
        return "bg-gray-50";
      case "gray100":
        return "bg-gray-100";
      case "gray200":
        return "bg-gray-200";
      case "gray300":
        return "bg-gray-300";
      case "gray400":
        return "bg-gray-400";
      case "gray500":
        return "bg-gray-500";
      case "gray600":
        return "bg-gray-600";
      case "gray700":
        return "bg-gray-700";
      case "gray800":
        return "bg-gray-800";
      case "gray900":
        return "bg-gray-900";