typeof, 참 같은 값과 거짓 같은 값, ==와 === 비교
typeof를 안전하게 사용하고 참 같은 값과 거짓 같은 값을 구분하며 ===로 값을 올바르게 비교합니다.
typeof, 참 같은 값과 거짓 같은 값, ==와 === 비교은(는) CoddyKit의 무료 JavaScript Academy 강의입니다. 이것은 3개 중 2번째 강의입니다. 아래에서 전체 강의를 무료로 읽을 수 있으며, 내장 코드 에디터와 24/7 AI 튜터와 함께 브라우저에서 직접 실습할 수 있습니다. 이 강의는 JavaScript Academy 학습 경로의 일부이며, 진행 상황이 웹과 CoddyKit 앱에 동기화됩니다. JavaScript Academy 강의에는 총 3개의 강의가 포함되어 있습니다.
소개
목표: typeof가 타입을 식별하는 방법, 어떤 값이 참 같은 값 또는 거짓 같은 값인지, 그리고 == 대신 ===를 사용해야 하는 경우를 알아보세요.
- typeof 기초
- 참 같은 값과 거짓 같은 값
- 엄격한 동등성
typeof 둘러보기
typeof는 원시 값에 빠르게 사용할 수 있습니다. 오래된 특이한 동작에 주의하세요. typeof null은 "object"를 반환합니다.
// typeof returns a string describing the type
console.log(typeof 42);
// "number"
console.log(typeof "hi");
// "string"
console.log(typeof true);
// "boolean"
console.log(typeof undefined);
// "undefined"
console.log(typeof 10n);
// "bigint"
console.log(typeof Symbol("x"));
// "symbol"
console.log(typeof null);
// "object" (historic quirk)
참 같은 값과 거짓 같은 값(개념)
거짓 같은 값: 0, -0, 0n, "", false, null, undefined, NaN입니다. 그 외의 모든 값은 참 같은 값입니다(예: "0", "false", [], {}, function(){}).
참 같은 값인지 확인하기
Boolean(x) 또는 if를 사용하면 조건문에서 값이 어떻게 동작하는지 확인할 수 있습니다.
// Use Boolean(x) or if (x) to test truthiness
console.log(Boolean("0"));
// true (non-empty string)
console.log(Boolean(""));
// false (empty string)
console.log(Boolean([]));
// true (arrays are objects)
console.log(Boolean(0));
// false
console.log(Boolean({}));
// true
느슨한 동등성의 함정
==는 타입을 변환하므로 혼란스러운 일치가 발생할 수 있습니다. 대부분의 코드에서는 사용하지 마세요.
// == performs type coercion: can be surprising
console.log(0 == false);
// true
console.log("" == 0);
// true
console.log(null == undefined);
// true
console.log("5" == 5);
// true (string coerced to number)
엄격한 동등성
타입 변환 없이 예측 가능한 비교를 하려면 ===와 !==를 사용하세요.
// === compares without coercion: safer and clearer
console.log(0 === false);
// false
console.log("" === 0);
// false
console.log("5" === 5);
// false
console.log(5 === 5);
// true
엄격한 동등성 퀴즈
빠른 확인: 안전한 동등성입니다.
복습
복습: typeof로 원시 값을 식별하는 방법을 배우고 null을 주의했으며, 자주 나오는 거짓 같은 값을 확인하고 명확성을 위해 ===가 ==보다 나은 이유를 알아보았습니다.
AI 튜터와 함께 JavaScript을(를) 배우세요 — 무료
브라우저에서 실제 코드를 작성하고 실행하며, 24/7 AI 튜터로부터 즉각적인 도움을 받고, 웹이나 앱에서 중단한 부분부터 계속 학습하세요.
- 코스
- 59
- 레슨
- 200
자주 묻는 질문
“typeof, 참 같은 값과 거짓 같은 값, ==와 === 비교” 강의는 무료인가요?
네 — “typeof, 참 같은 값과 거짓 같은 값, ==와 === 비교” 전체 내용을 이 웹사이트에서 무료로 읽을 수 있습니다. 인터랙티브하게 실습하려면(내장 코드 에디터와 24/7 AI 튜터), CoddyKit PRO로 업그레이드하면 JavaScript Academy 강의 전체를 잠금 해제할 수 있습니다. JavaScript Academy 강의에는 총 3개의 강의가 포함되어 있습니다.
“typeof, 참 같은 값과 거짓 같은 값, ==와 === 비교”에서 뭘 배우나요?
typeof를 안전하게 사용하고 참 같은 값과 거짓 같은 값을 구분하며 ===로 값을 올바르게 비교합니다. 브라우저에서 직접 실행하는 실습 코드로 JavaScript Academy을(를) 배우며, 24/7 AI 튜터가 강의를 진행하면서 질문에 답변해줍니다.
JavaScript Academy을(를) 시작하는 데 경험이 필요한가요?
사전 경험은 필요하지 않습니다. CoddyKit의 JavaScript Academy은(는) 초급자부터 고급 학습자까지를 위해 구성되어 있으므로, 여기서 시작하거나 처음부터 시작할 수 있으며 자신의 속도대로 진행할 수 있습니다. 이것은 3개 중 2번째 강의입니다.
“typeof, 참 같은 값과 거짓 같은 값, ==와 === 비교” 강의는 얼마나 걸리나요?
대부분의 CoddyKit 강의는 약 5~10분이 소요됩니다. 각 강의는 간결하고 인터랙티브하여 꾸준한 진행이 가능하며, 웹과 앱에서 중단한 부분부터 바로 시작할 수 있습니다.
이 JavaScript Academy 강의에서 코드를 작성하고 실행할 수 있나요?
네. 모든 JavaScript Academy 강의에는 내장 코드 에디터가 포함되어 있으므로, 브라우저에서 바로 실제 코드를 작성하고 실행한 후 즉시 AI 피드백을 받을 수 있습니다 — 로컬 설정이 필요 없습니다.
이 강의의 모든 강의
- 원시 값과 객체 비교 및 핵심 타입
- typeof, 참 같은 값과 거짓 같은 값, ==와 === 비교
- 타입 강제 변환: 예기치 않은 동작을 피하는 안전한 패턴