[TypeScript, Python] null, undefined, None , ? / ?? 사용법 의미 , 병합연산자, 옵셔널 체이닝

python에서는 변수를 선언만 하고 값을 안 넣는 게 불가능하므로(NameError), undefined 개념이 없음

변수 선언시 무조껀 초기화를 동시에 시켜줘야함 ( a = [] )

변수를 선언만하고 값을 넣어주지 않으면 undefined. 

null, none은 데이터가 없다는것이 데이터

 

 

TS에서 null과 undefined을 관리하는 방법 

null 값이 들어올 가능성이 있는 경우 유니온타입으로 변수 지정

let address: string | null = "Seoul";

 

1. 옵셔널 체이닝 (?.)

// user가 null이면, user.address에 접근할 때 에러가 터짐(JS의 고질병)
// TS 해결책:
const city = user?.address?.city; 

// 해석: user가 있어? -> 있으면 address가 있어? -> 있으면 city를 줘. 
// 없으면? -> 그냥 undefined를 줘 (에러 X)

 

데이터가 있는지 없는지를 확인 -> ?

데이터가 없으면? -> undefined 반환 

 

2. 병합 연산자 - Nullish Coalescing Operator (??)

값이 없을때 (null, undefined인 경우)  default값 지정

// price가 null이나 undefined면 0을 넣어라.
const finalPrice = product.price ?? 0;

* JS/TS의 || 연산자는 숫자 0이나 빈 문자열 ""도 '거짓'으로 취급하지만, ??는 오직 null/undefined일 때만 작동

 

* or연산자와 병합연산자 >> default value값을 지정할대는 ?? 을 사용하자. 

// 예시: 닉네임 설정
const inputName = ""; // 사용자가 이름을 입력 안 하고 그냥 엔터 침 (빈 문자열)

// 1. || 사용 시
const name1 = inputName || "익명"; 
console.log(name1); // "익명" (빈 문자열도 거짓 취급해서 덮어씀)

// 2. ?? 사용 시
const name2 = inputName ?? "익명";
console.log(name2); // "" (사용자가 빈 이름을 원했다고 존중해줌)