타입스크립트 불리언( boolean ) 타입 사용 방법 / 참( True )과 거짓( False )을 표현하는 논리형 데이터 타입

타입스크립트(TypeScript)의 불리언(Boolean) 타입은 참( True )과 거짓( False )을 나타내는 논리형 데이터 타입이다.
타입스크립트에서는 불리언 값을 저장하는 변수의 타입을 `boolean`으로 설정하고, 초기값을 기준으로 자동으로 추론되어 타입이 결정된다.
불리언 타입은 프로그램에서 특정 조건의 성립 여부와 같은 두 가지 상태를 구분할 때 주로 사용한다.
비교 연산의 결과도 불리언 값으로 표현될 수 있다.
두 값에 대해 비교가 가능하고, 결과는 참 또는 거짓으로 판단되는 경우에 사용된다.
또한 논리 연산을 이용하면 여러 불리언 조건을 결합하거나 반대로 결과를 변경할 수 있다.
대표적인 논리 연산에는
두 조건이 모두 참인지 확인하는 AND,
하나 이상이 참인지 확인하는 OR,
참과 거짓을 반전하는 NOT이 있다.
불리언 값은 조건문과 반복문에서 실행 여부를 결정하는 조건으로 사용한다.

타입스크립트 불리언( boolean ) 타입 사용 방법
타입스크립트 불리언( boolean ) 타입 사용 방법

⊙ 불리언( boolean ) 타입
로그인, 관리자 상태 표현

타입스크립트( typescript )의 boolean 타입은 논리적인 상태를 나타내며,
값은 참( true ) 또는 거짓( false ) 두 가지이다.

로그인 여부, 관리자 권한 여부, 기능 활성화 여부처럼,
주로, 참과 거짓으로 구분할 수 있는 상태를 표현할 때 사용한다.

/** */
export {};

/*
  불리언 타입 사용 방법
  true  : 참
  false : 거짓
*/

let isLoggedIn: boolean = true;
let isAdmin: boolean = false;

console.log(isLoggedIn);
console.log(isAdmin);

불리언( boolean ) 타입을 명시하면 해당 변수에는 기본적으로 true 또는 false와 같은 불리언 값만 할당할 수 있다.

위의 코드에서
isLoggedIn은 로그인 상태,
isAdmin은 관리자 여부이다.

불리언( boolean ) 타입은 프로그램의 상태를 참과 거짓으로 명확하게 표현하는 데 사용된다.

불리언 타입으로 로그인, 관리자 상태 표현
불리언 타입으로 로그인,관리자 상태 표현
불리언( boolean ) 타입 로그인, 관리자 상태 표현
불리언( boolean ) 타입 / 로그인, 관리자 상태 표현

⊙ 불리언( boolean ) 변수의 값 변경하기

타입스크립트(TypeScript)의 불리언( boolean ) 타입은 논리적인 참( true )과 거짓( false ) 상태를 표현하는 타입이다.

boolean으로 선언한 변수에는 true 또는 false만 할당할 수 있다.

처음에 true로 선언한 변수라도 이후 false로 변경할 수 있다.

하지만, 문자열이나 숫자처럼 boolean이 아닌 값은 할당할 수 없다.

/** */
export {};

let isOpen: boolean = true; 

console.log(isOpen); 

isOpen = false; /* 가능 */ 

console.log(isOpen); /* isOpen = "yes"; 문자열이므로 오류 */ 

/* isOpen = 1; 숫자이므로 오류 */

let isOpen: boolean = true;는

isOpen 변수를 boolean 타입으로 선언하,고 초기값으로 true를 설정했다.

isOpen = false;는
같은 boolean 타입이므로, 정상적으로 true 또는 false 값을 할당할 수 있다.

하지만,
`"yes"`는 string( 문자열 ) 타입이고, 1은 number( 숫자 ) 타입이기 때문에, boolean 타입으로 선언된 isOpen에 직접 할당할 수 없으며, 타입 검사에서 오류가 발생한다.

console.log(isOpen);을 사용하면 현재 변수에 저장된 boolean 값을 확인할 수 있다.

코드의 실행 결과는 다음과 같다.

불리언( boolean ) 변수의 값 변경하기
불리언( boolean ) 변수의 값 변경하기
불리언( boolean ) 변수의 값 변경하기
불리언( boolean ) 변수의 값 변경하기

⊙ 불리언( boolean ) 타입으로 로그인 상태 표현하기

타입스크립트(TypeScript)의 boolean 타입은 참(true) 또는 거짓(false) 두 가지 논리값만을 사용한다.

로그인 여부, 관리자 권한 여부, 기능 활성화 상태처럼 두 가지 상태 중 하나를 표현할 때 사용한다.

예제에서 isLoggedIn 변수에 true를 저장하고, if 조건문을 사용하여 로그인 여부에 따라 서로 다른 결과를 출력한다.

/** */
export {};

/* 사용자의 로그인 상태를 저장한다. */
const isLoggedIn: boolean = true;

/* 로그인 상태에 따라 실행할 코드를 구분한다. */
if (isLoggedIn) {
  console.log("로그인한 사용자입니다.");
} else {
  console.log("로그인이 필요합니다.");
}

isLoggedIn 변수의 타입을 boolean으로 지정하고 true를 저장했고, 이 변수에는 불리언 값인 true 또는 false를 사용할 수 있다.

if (isLoggedIn) 에서 isLoggedIn의 값이 true이면 if 블록이 실행된다.

isLoggedIn은 true이므로 console.log("로그인한 사용자입니다."); 코드가 실행된다.

isLoggedIn이 false인 경우에는 else 블록이 실행되어 "로그인이 필요합니다."가 출력된다.

불리언( boolean ) 타입으로 로그인 상태 표현하기
불리언( boolean ) 타입으로 로그인 상태 표현하기
타입스크립트 불리언( boolean ) 타입 사용 방법
타입스크립트 불리언( boolean ) 타입 사용 방법

⊙ boolean 반환값으로 성인 여부 판단하기

함수의 반환 타입을 boolean으로 지정하면 해당 함수의 참 또는 거짓 값을 반환하도록 정의할 수 있다.

예를 들어, 나이를 전달 받아 성인 여부를 판단해 보자.

age >= 20 비교 연산의 결과 자체가 boolean 값이라면, 조건문을 별도로 작성하지 않고 바로 반환할 수 있다.

/** */
export {};

function isAdult(age: number): boolean {
  /* 나이가 20 이상이면 true, 그렇지 않으면 false를 반환한다. */
  return age >= 20;
}

/* 25는 20 이상이므로 true */
console.log(isAdult(25));

/* 17은 20 미만이므로 false */
console.log(isAdult(17));

age: number는 숫자 타입의 매개변수이다.

: boolean은 isAdult() 함수의 불리언 타입의 반환값이다.

age 매개변수를 이용해 age >= 20으로 비교하여,
비교 결과가 참이면 true,
거짓이면 false가 반환된다.

isAdult(25)는 25 >= 20이 참이므로 true를 반환하고,
isAdult(17)은 17 >= 20이 거짓이므로 false를 반환한다.

boolean 반환값으로 성인 여부 판단하기
boolean 반환값으로 성인 여부 판단하기
boolean 반환값으로 성인 여부 판단하기
boolean 반환값으로 성인 여부 판단하기

⊙ 불리언( boolean )으로
사용자 활성 상태와 관리자 권한 표현하기

타입스크립트에서 객체 타입의 속성에도 boolean을 지정할 수 있으며, 타입이 지정된 속성에는 문자열이나 숫자 같은 다른 자료형을 할당할 수 없다.

사용자 정보를 객체로 관리하면서 isActive와 isAdmin 속성을 boolean 타입으로 정의할 수 있다.

boolean은 사용자의 활성 상태와 관리자 권한 여부를 각각 true와 false 값으로 표현할 수 있다.

/** */
export {};

type User = {
  name: string;
  isActive: boolean;
  isAdmin: boolean;
};

const user: User = {
  name: "아이브",
  isActive: true,
  isAdmin: false,
};

/* 사용자 이름 출력 */
console.log(user.name);

/* 활성 상태 출력 */
console.log(user.isActive);

/* 관리자 권한 상태 출력 */
console.log(user.isAdmin);

User 타입은 사용자 객체가 가져야 할 속성과 각 자료형인 타입을 정의한다.

name: string은 사용자 이름을 문자열로 설정한다.

isActive: boolean은 사용자의 활성 상태를 불리언으로 설정한다.

isAdmin: boolean은 관리자 권한 보유 여부를 불리언으로 설정한다.

isActive: true의 해당 사용자는 불리언 true 활성 상태이다.

isAdmin: false의 해당 사용자는 불리언 false 이며, 관리자 권한을 가지고 있지 않다.

불리언( boolean )으로 사용자 활성 상태와 관리자 권한 표현하기
불리언( boolean )으로 사용자 활성 상태와 관리자 권한 표현하기
불리언( boolean )으로 사용자 활성 상태와 관리자 권한 표현하기
불리언( boolean )으로 사용자 활성 상태와 관리자 권한 표현하기

⊙ boolean 배열 조건에 따른 값 출력

타입스크립트의 boolean 타입은 true 또는 false 값을 저장하는 타입이다.

여러 개의 불리언 값을 관리하려면 boolean[] 형태의 배열을 사용할 수 있다.

아래의 코드에서 boolean[] 타입의 checkedList 배열에 선택 상태를 저장하고, forEach() 메서드로 각 값을 반복하며 읽는다.

각 요소의 값이 true이면 `선택됨`, false이면 `선택 안 됨`을 화면에 출력한다.

/** */
export {};

const checkedList: boolean[] = [true, false, true];
checkedList.forEach((checked) => { 
  
  /* checked 값에 따라 출력할 문자열을 결정한다. */ 
  console.log(checked ? "선택됨" : "선택 안 됨"); 

});

checkedList: boolean[]은 배열의 모든 요소는 boolean 타입이다.

배열에는 true, false, true가 순서대로 저장되어 있다.

forEach()는 배열의 각 요소를 순서대로 전달하며 콜백 함수를 실행한다.

위의 코드에서 checked의 타입은 배열 요소의 타입에 따라 boolean으로 추론되어 타입을 설정한다.

checked ? "선택됨" : "선택 안 됨"은 조건 연산자이며, checked가 true이면 `선택됨`을 반환하고, false이면 `선택 안 됨`을 반환한다.

boolean 배열 조건에 따른 값 출력
boolean 배열 조건에 따른 값 출력
boolean 배열 조건에 따른 값 출력
boolean 배열 조건에 따른 값 출력

댓글

비주얼 스튜디오 코드 VSCode 설치하기 - 마이크로소프트 공식 홈페이지

이미지
VSCode( 비주얼스튜디오코드, Visual Studio Code )는 마이크로소프트( Microsoft )에서 제공하는 있는 무료 코드 편집기 프로그램이다. 프로그래밍 언어의 소스 코드를 작성하고 수정하며, 확장 기능을 설치하여 개발 환경을 구성할 수 있다. 윈도우즈, 맥OS, 리눅스( Windows, macOS, Linux )에서 사용할 수 있으며, 공식 홈페이지를 통해 자신의 운영체제에 맞는 설치 파일을 다운로드받고 설치할 수 있다. 윈도우즈의 경우, 인스톨러 파일( Installer )를 이용하여 설치할 수 있다. 설치파일을 다운로드하고 실행한 다음 화면의 안내에 따라 VSCode 설치를 진행하면 된다. 설치가 완료되면 VSCode를 실행하여 자신이 원하는 코드를 작성할 수 있다. 비주얼 스튜디오 코드 설치하기 - 마이크로소프트 공식 홈페이지 VSCode 무료 소스 코드 편집기 VSCode(비주얼 스튜디오 코드, Visual Studio Code)는 Microsoft에서 개발한 무료 소스 코드 편집기이다. 소스 코드란 컴퓨터 프로그램을 만들기 위해 프로그래밍 언어로 작성한 명령문의 집합이며, VSCode에서 소스 코드를 작성하고 수정할 수 있다. VSCode의 특징을 보자. 무료 사용 VSCode 기본 프로그램을 무료로 다운로드하여 사용 다중 운영체제 Windows, macOS, Linux를 지원 코드 편집 여러 프로그래밍 언어의 소스 코드를 작성하고 수정 가능 확장 기능 Extensions를 이용하여 언어 지원과 개발 도구를 추가 디버깅 지원되는 언어와 개발 환경에서 프로그램 오류를 조사 Git 통합 Git을 이용한 소스 코드 변경 관리 기능을 제공 VSCode 자체는 코드 편집기이고 프로그래밍 언어에 따라 컴파일러, 실행 환경, 개발 도구 등을 별도로 설치해야 할 필요가 있다. 만약, Java 프로그램을 개발할 때는 VSCode 외에 JDK와 관련 확장 기능이 필요하다. VSCode 무료 소스 코드 편집기 VSCode 설치 전 확인 사항 VSCo...

이 블로그의 인기 게시물

ChatGPT Codex GitHub 연결 해제 방법 (앱 삭제까지 정리)

C언어 return 종류와 차이 | return, return 0, return -1, return n

C언어 프로그램 종료 방법 3가지 비교 (실전 예제 포함) | exit() abort() 함수 사용 방법