본문 바로가기
Programming & Platform/TypeScript

TypeScript 학습 체크리스트 - boolean, number, String, tuple, enum, 배열의 사용법

by 코드스니펫 2023. 12. 23.
반응형

TypeScript 학습 체크리스트 - boolean, number, String, tuple, enum, 배열의 사용법

 

typescript logo

 

TypeScript 강의 수강 후 배운 내용을 정리하고 궁금한 부분 추가하면서 작성해봤습니다.

 

 

TypeScript 개념 체크리스트

 

✅ boolean, number, String, tuple, enum, 배열의 사용법을 이해합니다.

 

스파르타 코딩클럽 로고

 

 

boolean, number, string, tuple, enum, 배열 사용법

 

boolean

boolean 타입은 참(true), 거짓(false) 값을 나타냅니다. 두 값만 가질 수 있으며, 조건문, 비교 연산 등에서 주로 사용됩니다.

 

function isValidPassword(password: string): boolean {
  return password.length >= 8;
}

const password = "q1w2e3r4!";
const valid = isValidPassword(password);

if (valid) {
  console.log("유효한 패스워드입니다!");
} else {
  console.log("유효하지 않은 패스워드입니다!");
}

 

 

number

number 타입은 TypeScript에서 사용하는 모든 숫자를 나타냅니다. 일반적인 프로그래밍 언어에서는 숫자 유형마다 타입이 다르게 존재하는데 (예를들어 정수는 short, int, long, 실수는 float, double 등) TypeScript에서는 number 타입 하나로 정수, 실수 뿐만 아니라 2,8,16진수까지 표현할 수 있습니다.

 

function calculateArea(radius: number): number {
  return Math.PI * radius * radius;
}

const radius = 5;
const area = calculateArea(radius);
console.log(`반지름이 ${radius}인 원의 넓이: ${area}`);

 

 

string

string 타입은 텍스트 데이터를 나타냅니다. 작은따옴표('), 큰따옴표("), 백쿼트(`)를 사용하여 문자열을 만들 수 있습니다. ES6부터 생긴 템플릿 리터럴을 사용할 때 백쿼트를 사용합니다. string 타입으로 텍스트를 조작하거나 출력할 수 있습니다.

 

function greet(name: string): string {
  return `안녕, ${name}!`;
}

const name = "Spartan";
const greeting = greet(name);
console.log(greeting);

 

 

배열

배열은 동일한 데이터 유형의 요소가 순서대로 나열된 데이터 구조입니다. TypeScript에서는 기본 데이터 타입 뒤에 []를 붙여 배열을 선언할 수 있습니다. 이것은 여러 값을 단일 변수에 저장할 수 있는 효과적인 방법 중 하나입니다.

 

아래의 코드에서는 배열을 사용하여 숫자들의 합을 계산하는 함수를 정의하고 있습니다. 함수 calculateSum은 숫자 배열을 매개변수로 받아 각 요소의 합을 반환합니다.

 

 

function calculateSum(numbers: number[]): number {
  let sum: number = 0;
  for (let i = 0; i < numbers.length; i++) {
    sum += numbers[i];
  }
  return sum;
}

 

 

그리고 아래에서는 이 함수를 활용하여 특정 시험 점수 배열의 총합을 계산하고 출력하는 부분이 있습니다.

 

const testScores: number[] = [90, 85, 78, 92, 88];
const sumScore = calculateSum(testScores);
console.log(`점수의 총합: ${sumScore}`);

 

이 코드에서 testScores 배열은 각 학생의 시험 점수를 저장하고 있습니다. 이 배열을 calculateSum 함수에 전달하여 총합을 계산하고, 결과를 콘솔에 출력하고 있습니다. 배열을 사용하면 데이터를 구조화하고 관리하기 용이하며, 반복문을 사용하여 배열의 각 요소에 접근할 수 있습니다.

 

 

튜플(tuple)

튜플은 서로 다른 타입의 원소를 순서에 맞게 가질 수 있는 특수한 형태의 배열입니다. 배열은 number[], string[]처럼 같은 타입의 원소만 가질 수 있습니다. 하지만 튜플은 어떤 타입의 원소를 허용할 것인지 정의만 하면 얼마든지 허용된 타입의 데이터를 저장할 수 있습니다.

 

const person: [string, number, boolean] = ['Spartan', 25, false];
const person2: [string, number, boolean] = [25, 'Spartan', false]; // 오류!

 

 

enum

enum은 열거형 데이터 타입이라 불리며, 다양한 상수를 보다 더 이해하기 쉬운 문자열로 접근하고 사용할 수 있게 하는 타입을 말합니다. enum 안에 있는 각 요소는 값이 설정되지 않으면 기본적으로 숫자 0으로 시작합니다. enum 타입 안의 요소는 number 또는 string 타입의 값만 할당할 수 있습니다.

 

enum UserRole {
  ADMIN = "ADMIN",
  EDITOR = "EDITOR",
  USER = "USER",
}

enum UserLevel {
  NOT_OPERATOR, // 0
  OPERATOR // 1
}

function checkPermission(userRole: UserRole, userLevel: UserLevel): void {
  if (userLevel === UserLevel.NOT_OPERATOR) {
    console.log('당신은 일반 사용자 레벨이에요');
  } else {
    console.log('당신은 운영자 레벨이군요');
  } 

  if (userRole === UserRole.ADMIN) {
    console.log("당신은 어드민이군요");
  } else if (userRole === UserRole.EDITOR) {
    console.log("당신은 에디터에요");
  } else {
    console.log("당신은 사용자군요");
  }
}

const userRole: UserRole = UserRole.EDITOR;
const userLevel: UserLevel = UserLevel.NOT_OPERATOR;
checkPermission(userRole, userLevel);

 

 

▼ 함께 보면 좋은 글 ▼

 

 

TypeScript 학습 체크리스트 - 컴파일러 개념 및 tsc 용도, 주요 명령어

TypeScript 학습 체크리스트 - 컴파일러 개념 및 tsc 용도, 주요 명령어 TypeScript 강의 수강 후 숙지 및 개념 정리하기 위해 체크리스트와 함께 배웠던 개념들을 정리합니다. TypeScript 개념 체크리스트

lemonlog.tistory.com

 

TypeScript 객체지향 설계 원칙 SOLID 설명, 예시 코드

TypeScript 객체지향 설계 원칙 SOLID TypeScript 객체지향 설계시 SOLID 원칙을 지켜 작성해야합니다. 이렇게 함으로써 프로그램이 유연해지고, 확장 가능하며, 이해하기 쉬운 구조를 가지게 됩니다. 아

lemonlog.tistory.com