타입스크립트 문자열 타입 사용 코드 예제

-

let name: string = "홍길동";
let message: string = "안녕하세요";

-

let name: string = "홍길동";

name = "김철수"; // 가능
name = 123;     // 오류

-

let title: string = "타입스크립트";

-

let userName: string = "민수";
let email: string = "test@example.com";
let address: string = "서울시 강남구";

-

userName = "지영"; // 가능
userName = true;  // 오류

-

function greet(name: string): string {
  return `안녕하세요, ${name}님`;
}

const result = greet("민수");

console.log(result);

-

greet("철수"); // 가능
greet(100);   // 오류

-

type User = {
  id: string;
  name: string;
  email: string;
};

const user: User = {
  id: "user-001",
  name: "홍길동",
  email: "hong@example.com",
};

-

const tags: string[] = ["typescript", "javascript", "frontend"];

-

const tags: Array<string> = ["typescript", "react", "node"];

-

type UserRole = "admin" | "user" | "guest";

let role: UserRole = "admin";

role = "user";   // 가능
role = "manager"; // 오류

-

type OrderStatus = "pending" | "paid" | "shipping" | "completed" | "cancelled";

function printOrderStatus(status: OrderStatus): string {
  switch (status) {
    case "pending":
      return "결제 대기 중";
    case "paid":
      return "결제 완료";
    case "shipping":
      return "배송 중";
    case "completed":
      return "주문 완료";
    case "cancelled":
      return "주문 취소";
  }
}

console.log(printOrderStatus("paid"));

-

printOrderStatus("done"); // 오류

-

type Size = "small" | "medium" | "large";
type Color = "red" | "blue";

type ProductOption = `${Size}-${Color}`;

const option1: ProductOption = "small-red";  // 가능
const option2: ProductOption = "large-blue"; // 가능
const option3: ProductOption = "big-red";    // 오류

-

type LowerName = "typescript";
type UpperName = Uppercase<LowerName>;

const name: UpperName = "TYPESCRIPT";

-