타입스크립트 불리언( boolean ) 타입 사용 방법 / 참( True )과 거짓( False )을 표현하는 논리형 데이터 타입
타입스크립트(TypeScript)의 불리언(Boolean) 타입은 참( True )과 거짓( False )을 나타내는 논리형 데이터 타입이다.
타입스크립트에서는 불리언 값을 저장하는 변수의 타입을 `boolean`으로 설정하고, 초기값을 기준으로 자동으로 추론되어 타입이 결정된다.
불리언 타입은 프로그램에서 특정 조건의 성립 여부와 같은 두 가지 상태를 구분할 때 주로 사용한다.
비교 연산의 결과도 불리언 값으로 표현될 수 있다.
두 값에 대해 비교가 가능하고, 결과는 참 또는 거짓으로 판단되는 경우에 사용된다.
또한 논리 연산을 이용하면 여러 불리언 조건을 결합하거나 반대로 결과를 변경할 수 있다.
대표적인 논리 연산에는
두 조건이 모두 참인지 확인하는 AND,
하나 이상이 참인지 확인하는 OR,
참과 거짓을 반전하는 NOT이 있다.
불리언 값은 조건문과 반복문에서 실행 여부를 결정하는 조건으로 사용한다.
![]() |
| 타입스크립트 불리언( 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 ) 변수의 값 변경하기
타입스크립트(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 ) 타입으로 로그인 상태 표현하기
타입스크립트(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으로 지정하면 해당 함수의 참 또는 거짓 값을 반환하도록 정의할 수 있다.
예를 들어, 나이를 전달 받아 성인 여부를 판단해 보자.
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을 지정할 수 있으며, 타입이 지정된 속성에는 문자열이나 숫자 같은 다른 자료형을 할당할 수 없다.
사용자 정보를 객체로 관리하면서 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 타입은 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 배열 조건에 따른 값 출력 |













댓글
댓글 쓰기