타입스크립트 느낌표 !

Non-null assertion operator(Non-null 단언 연산자 )

느낌표를 변수 뒤에 적어주면 앞의 값이 null이나 undefined가 아니라고 알려주며 변수에 값이 무조건 있다고 단언해주는 역할을 한다.
 

let userName: string | null;
const hasUserName = true;
if(hasUserName) {
  userName = 'Mike'
}
const a = userName.toUpperCase()

 
타입스크립트에서 작성한 코드에서 userName이 null일 수도 있다는 에러가 뜬다.

 
 
 
userName = 'Mike' 라는 string을 줬어도
코드를 짠 개발자는 알지만 타입스크립트는 모르기 때문에 userName뒤에 !를 붙여준다.
 

let userName: string | null;
const hasUserName = true;
if(hasUserName) {
  userName = 'Mike'
}
const a = userName!.toUpperCase() // userName뒤에 !추가

 
 
 
출처
- 코딩앙마 : 타입스크립트 느낌표! Non-null assertion operator https://youtu.be/ld2LD9rgC0g?si=6v2c606AMQ_CbnZC