JavaScript의 문제점: 런타임 버그

환영합니다

조용히 발생하는 타입 강제 변환 버그

// JavaScript
let total = 5 + '10'; // '510' not 15
console.log(total);   // '510'

정의되지 않은 속성에 접근하기

const user = { name: 'Alice' };
console.log(user.age); // undefined — no error thrown

함수가 아닌 값 호출하기

const greet = 'hello';
greet(); // TypeError: greet is not a function

속성 이름의 오타

const config = { timeout: 3000 };
console.log(config.tiemout); // undefined — typo goes unnoticed

잘못된 인수 타입

function double(n) { return n * 2; }
console.log(double('5')); // 10 — but '5' * 2 uses coercion

null 역참조로 인한 충돌

let element = document.querySelector('.missing');
console.log(element.textContent); // TypeError: Cannot read properties of null

리팩터링 문제

실행 시점 오류와 컴파일 시점 오류

타입이 없으면 통합 개발 환경 지원이 저하됨

규모가 커지면 문제가 드러남

빠른 확인

복습